位置：固定不在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; 
}