почему изображение не растягивается вертикально - PullRequest
Новая
       20

почему изображение не растягивается вертикально

0 голосов
/ 09 ноября 2018

Я написал следующий код, и я просто не могу понять, почему изображение, которое я установил для фона, не растягивается вертикально, чтобы охватить всю страницу. Буду признателен за вашу помощь 

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

1 Ответ

0 голосов
/ 10 ноября 2018

Использование html:after похоже на добавление дочернего элемента внутри <html> рядом с вашим тегом <body>, оно недопустимо, и браузеры могут отображать его неправильно, лучше использовать body:after и установить height: 100%, чтобы оно покрывало вашу страницу .

...