两个背景的css写法,[CSS] css的background及多背景设置

问题

首先是一个 div 块里需要一张背景，带文本和图案的那种，但是身为容器的 div 是能够随数据的改变而变化长度的，所以一张静态图片不免的会有拉伸和挤扁的状态，尤其是有图案和文本的情况下最为明显

.bg {

position: fixed;

top: 0px;

left: 0;

width: 183px;

height: 1106px;

background: no-repeat center/183px 100% url("img/001.png");

}

当数据不够的时候就是一个扁扁的样子

.bg {

position: fixed;

top: 0px;

left: 0;

width: 183px;

height: 600px;

background: no-repeat center/183px 100% url("img/001.png");

}

这时候就是想办法能够让图自适应且还能看的过去，于是就