我正在尝试模拟这种效果: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/