CSS按比例背景

Question

我想实现比例背景图像。

这个代码我试过但滚动不起作用，其他div在后台并且不可见？

.background {
background-image:url(xx);
background-position:50% 50%;
background-size:cover;
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
}

你可能有更好的主意吗？

由于

Answer 1

如果您尝试修复其他元素后面的div，则必须通过z-index发送。

.background 
{ 
background-image:url(xx);
 background-position:50% 50%;
 background-size:cover;
 position:fixed; 
 left:0; 
 top:0; 
 right:0; 
 bottom:0; 
 width:100%;
 height:100%;
 z-index:-1; 
}

z-index会将 z轴设置为小于其他轴。而且你将能够像背景一样设置它。

Answer 2

将以下内容添加到您的后台课程

z-index: -1;
width: 100%;
height: 100%;