爲什麼我的固定標題在Safari 5中消失？

我有一個固定的標頭，可以在IE，Firefox，Chrome和最新的Safari中使用。在iPad上的Safari 5中，標題向下滾動到目標後消失。有人知道爲什麼或有修復嗎？爲什麼我的固定標題在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.

來源

2014-01-24 mibble

沒有。它的工作。您將標題背景顏色設置爲白色（#FFFFFF）。改變你的頭部樣式.header {position：fixed; background-color：＃000000;寬度：100％;} http://jsfiddle.net/eJQyh/6/ – Karuppiah

固定位置在移動瀏覽器上一直都有點不穩定。檢查http://bradfrostweb.com/blog/mobile/fixed-position/ –

您正在使用白色（#FFFFFF）的近似值。這就是你無法看到固定標題的原因。然後不要忘記提及width在.header

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

Fiddle

來源

2014-01-24 12:40:17 Karuppiah

這沒有什麼區別。改變顏色後，它仍然在Safari 5中消失。由於文本不是白色，因此背景爲白色並不重要。 – mibble

@mibble：我也在Safari瀏覽器中進行了檢查。它的工作很好.. – Karuppiah

你有沒有特別檢查iPad 5上的Safari 5？它在Safari 7中工作正常。 – mibble

爲什麼我的固定標題在Safari 5中消失？

回答

相關問題