Question

我正在关注这个creating an 'under the rug' parallax footer?创建一个视差页脚，当它在Chrome中时一切顺利，但在Safari和Firefox中却没有。问题是，我在这些浏览器中甚至没有垂直滚动，我不知道为什么。

我希望有人可以帮助我。网址为http://inopia.net/attis/，有趣的代码是：

#wrapper {

border-bottom: 25px solid white;
margin-bottom:180px;
background: url('img/fondo-test.jpg') no-repeat top left;
position: absolute;
border-right: 20px solid white;
    width:100%;
    height:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
}
#footer {
position:fixed;
bottom:0;
width:100%;
height:180px;
margin-top: 10px;
z-index: -2;
background-color:grey;
color: white;
margin-left: -2px;
 }

我到处搜索，我找不到页脚没有出现在这些浏览器中的原因。任何关于问题可能是什么的想法将不胜感激。谢谢！

Answer 1

将包装器div的位置从position: absolute;更改为position: relative;会将其修复为Firefox。我不会让Safari进行测试，因为我很害怕。

视差页脚无法在Safari / Firefox中运行

1 个答案: