固定位置的元素消失

Question

我只是遇到了一個固定在頁面頂部的元素（標頭）消失的問題。 這是在我創建的移動網站中找到的。

導致此問題的原因是單擊菜單按鈕，這將打開邊欄導航。 當我單擊此按鈕時，側欄將按預期打開，但是標題將消失。 剩下的就是我使用Phark方法的圖像替換技術的殘留 ； 文本“菜單”被留下。 （我很確定這對當前問題並不重要，但我可能是錯的。）

header元素的樣式如下：

header{
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    background: url('../images/header-bg.png') #111 repeat-x top left;
    border-bottom: 1px solid #090909;
    text-align: center;
}

這只會在Android 4.0股票瀏覽器中發生（我測試過Galaxy Tabs / Galaxy Nexus）。

什么會導致這種情況僅在Android 4.0瀏覽器中發生？

Answer 1

問題似乎在於， header元素沒有left屬性值。 為了解決這個問題，我只添加了left:0; header元素的屬性，為我提供以下CSS：

header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    background: url('../images/header-bg.png') #111 repeat-x top left;
    border-bottom: 1px solid #090909;
    text-align: center;
}

弄清楚這一點之后，我記得在使用固定位置的桌面站點上也有類似的問題。 我沒有設置left屬性的事實導致固定元素在頁面加載時甚至都沒有出現。

希望這會在將來為用戶修復/生成想法！ 我知道我將從現在開始將ax和y軸的position屬性都設置為所有固定元素;）