html - 为什么我的固定 header 在 Safari 5 中消失了？

Question

我有一个固定的 header ，可以在 IE、Firefox、Chrome 和最新的 Safari 中使用。在 iPad 上的 Safari 5 中，标题在向下滚动到目标后消失。有人知道为什么或有解决办法吗？

    <ul class="nav navbar-nav pull-right">
        <li class="active"><a href="#top">Hem</a></li>
        <li><a href="#Section-1">Tjänster</a></li>
        <li><a href="#Section-2">Senast</a></li>
        <li><a href="#Section-3">Portfolio</a></li>
        <li><a href="#Section-4">Pris</a></li>
        <li><a href="#Section-5">Kontakt</a></li>
    </ul>

基本的 CSS

.header {
    position: fixed;
}

我已经对问题 in a fiddle. 做了一个近似

Answer 1

您在页眉背景中使用了白色(#FFFFFF)。这就是您看不到固定标题的原因。然后不要忘记在 .header

中提及 width

.header {
    position: fixed;
    background-color: #000000;
    width: 100%;
}

Fiddle