根据div的宽度和高度来缩放背景图片CSS

Question

有没有什么办法根据div的宽度和高度来缩放背景图片？只使用CSS。

Answer 1

我使用background-size: cover为我的全尺寸bg图像。如果你不喜欢那个结果，可以设置一个图像在div内部并给予以下任一：容器的

全宽度，保持纵横比：

width : 100%; 
height : auto; 
position : absolute; 
z-index : 0; /* something lower than content */ 

容器的全高，维持纵横比：

width : auto; 
height : 100%; 
position : absolute; 
z-index : 0; /* something lower than content */ 

全宽和容器的高度，将翘曲&拉伸：

width : 100%; 
height : 100%; 
position : absolute; 
z-index : 0; /* something lower than content */