gpt4 book ai didi

html - 为什么图像不垂直拉伸(stretch)

转载 作者:行者123 更新时间:2023-11-28 00:50:43 25 4
gpt4 key购买 nike

我编写了以下代码,但我无法理解为什么我设置为背景的图像没有垂直拉伸(stretch)以覆盖整个页面。我会很感激你的帮助

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就像在里面添加一个 child <html>在你的旁边<body>标记,它无效并且浏览器可能无法正确呈现它,最好使用 body:after并设置 height: 100%所以它会覆盖您的页面。

关于html - 为什么图像不垂直拉伸(stretch),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53232204/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com