Question

我有一个固定的标题，适用于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）。这就是你无法看到固定标题的原因。然后别忘了在width

中提及.header

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

Fiddle

为什么我的固定标题会在Safari 5中消失？

1 个答案: