为什么图像不能垂直拉伸

Question

I have written the following code and I simply cannot understand why the image I have setted to be on the background doesn't strech vertically to cover the full page . 我已经编写了以下代码，我根本无法理解为什么我设置为背景的图像不能垂直拉伸以覆盖整个页面。 I would appreciate your help 谢谢您的帮助

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;
}`

Answer 1

使用html:after就像在<body>标记旁边的<html>添加一个孩子一样，这是无效的，浏览器可能无法正确呈现它，最好使用body:after并设置height: 100%这样它可以覆盖您的页面。

为什么图像不能垂直拉伸

问题描述

1 个解决方案

解决方案1
0 已采纳 2018-11-10 07:40:15

为什么图像不能垂直拉伸

问题描述

1 个解决方案

解决方案1 0 已采纳 2018-11-10 07:40:15

解决方案1
0 已采纳 2018-11-10 07:40:15