Позиция: исправлено не работает в Safari

По сути, у меня есть панель, которая должна быть закреплена в нижней части страницы. Он отлично работает с Chrome, Firefox и IE, но в Safari панель прокручивается со страницы. Css, который я использую:

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

Я действительно не уверен, почему он не работает. Есть предположения?

1 ответ

Подумайте о назначении свойства height.

http://jsfiddle.net/ymbrafda/

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

licensed under cc by-sa 3.0 with attribution.