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

【问题标题】：Why does my fixed header disappear in Safari 5?为什么我的固定标题在 Safari 5 中消失了？
【发布时间】：2014-01-24 20:40:17
【问题描述】：

我有一个在 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.做了一个近似处理

【问题讨论】：

没有。它的工作。您将标题背景颜色设置为白色（#FFFFFF）。更改标题样式 .header { position: fixed;背景颜色：#000000；宽度：100%;}jsfiddle.net/eJQyh/6
固定位置在移动浏览器上总是有点参差不齐。检查bradfrostweb.com/blog/mobile/fixed-position

标签： html css safari position mobile-safari

【解决方案1】：

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

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

Fiddle

【讨论】：

这没什么区别。更改颜色后，它在 Safari 5 中仍然消失。背景为白色无关紧要，因为文本不是白色的。
您是否专门检查了 iPad 上的 Safari 5？它在 Safari 7 中运行良好。