我已经写了下面的代码，我简直无法理解为什么我设置在背景上的图像没有垂直分布以覆盖整个页面。我将感谢你的帮助
html{
height: 100%;
overflow-y: scroll;
}
html:after{
margin-bottom:0;
content : "";
background: url("../images/van1.jpg") no-repeat center center;
background-size:cover;
width: 100vw;
height: 100vh;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
opacity: 0.5;
filter: alpha(opacity=50);
z-index: -1;
}`
使用html:after就像在<html>内的<body>标记旁边添加一个子项，它是无效的，浏览器可能无法正确渲染它，最好使用body:after并设置height: 100%，使其覆盖您的页面。