Question

我正试图在我的博客上模仿此效果：http://meyerweb.com/eric/css/edge/complexspiral/demo.html：http://segment6.blogspot.com/

它有效，但有一个问题：Firefox在页面上滚动非常糟糕。如果我使背景附件不“固定”，它不再滞后，但效果不起作用。如果没有固定定位或滞后以某种方式治愈，可以实现这种效果吗？

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

Answer 1

您可以将完整的身体内容包装在另外的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。因此，滚动内容时，带有背景图像的主体将保持固定。

无固定定位的假背景透明度/效果

1 个答案: