位置：固定不在Safari中工作

Question

基本上我有一个酒吧，需要固定到页面的底部。它适用于Chrome，Firefox和IE，但在Safari中，该条会随页面一起滚动。我使用的CSS是：

.footer-bar { 
 
    bottom:0; 
 
    position:fixed; 
 
    width:100%; 
 
    z-index:10; 
 
}

我真的不知道为什么它不工作。有什么想法吗？

Answer 1

考虑分配一个height属性。

http://jsfiddle.net/ymbrafda/

.footer-bar { 
    position: fixed; 
    bottom:0; 
    width:100%; 
    height: 100px; 
    z-index:10; 
    background-color: red; 
}