gpt4 book ai didi

css - 没有固定定位的假背景透明度/效果

转载 作者:行者123 更新时间:2023-11-28 14:56:01 25 4
gpt4 key购买 nike

我正在尝试模拟这种效果:http://meyerweb.com/eric/css/edge/complexspiral/demo.html在我的博客上:http://segment6.blogspot.com/

它可以工作,但有一个问题:Firefox 在滚动页面时非常滞后。如果我让背景附件不“固定”,它不再滞后,但效果不起作用。如果不固定定位或以某种方式解决滞后问题,能否实现这种效果?

我试过使用带百分比的背景位置,但它似乎是根据元素的宽度而不是页面的宽度来定位的,所以我无法根据不同的窗口大小正确排列它。

最佳答案

您可以将完整的正文内容包装在一个额外的 DIV 中:

<body>
<div id="content-container>
...
</div>
</body>

然后在 CSS 中设置以下样式:

html, body {
overflow:hidden;
height:100%;
}

div#content-container {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: auto;
}

现在是承载滚动条的包装容器 DIV。因此,当滚动内容时,带有背景图像的正文将保持固定。

关于css - 没有固定定位的假背景透明度/效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3622816/

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