gpt4 book ai didi

html - 整个页面内容的一个不可滚动的背景图像

转载 作者:太空宇宙 更新时间:2023-11-03 19:29:59 25 4
gpt4 key购买 nike

我需要在所有页面内容的背景中使用一张图片 (01.jpg),并且该图片不应滚动,而所有内容都应在背景上滚动。

这是我的尝试,但出了点问题,它不起作用。向下滚动一个白色区域显示为背景 (00.jpg),可能是因为 wrap div 高于 body。

此处的最佳做法是什么?

<body>
<div id="wrap">
...
</div>

</body>

CSS

html{
background-image:url(backs/00.jpg);
height:100%;
}
body{
max-width:1920px;
height:100%;
background-image: url("imgtop/01.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
background-position:center;
background-attachment: fixed;
}

最佳答案

这里的问题是 height: 100% 部分。它给元素一个恒定的、有限的高度:视口(viewport)的高度,而不是整个文档的高度。 (高度属性的计算是从最顶层元素向下进行的,所以不要指望低层元素的变化会影响上层元素的高度百分比。)

据我所知,没有这些对我来说效果很好。如果这不起作用,请尝试将它们更改为 min-height

关于html - 整个页面内容的一个不可滚动的背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34140874/

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