html元素在第一頁加載鉻時意外隱身

我正在使用http://asbjorn.org/ny/的新網上作品集，並且遇到了最奇怪的問題！html元素在第一頁加載鉻時意外隱身

每當您第一次打開該頁面時，幻燈片的下一個和上一個按鈕都不會出現。如果我打開檢查員，他們會立即彈出，並且在重新加載頁面時也會出現。

它們是非常標準的html元素，不是動態添加的，所以我不知道爲什麼發生這種情況！當然，我不能讓網站訪問者重新加載頁面來查看它們。：/

我真的希望有人能幫助我！ :)

更新：似乎它是一個鉻只問題。對我來說，它在Win7和OSX上始終如一地發生在Chrome上。我的幾個朋友也有同樣的問題（可能在osx上的鉻）

2012-09-27 Asbjørn

如果用箭頭表示圖片旁邊的橙色半圓形，那麼它們在Chrome和FF中都會首次出現。你必須說在這裏有一個相當乾淨的效果 - 很好的工作！ – Bojangles

真的嗎？對於我和我的幾個朋友來說，他們在第一次加載時都是隱形的。可能是因爲我們在Mac上或什麼？謝謝btw！ :) –

可能但我懷疑它。我正在運行Windows 8.您嘗試過哪些瀏覽器/操作系統？ – Bojangles

所以我會採取刺的答案。當我在Chrome 22中看到問題，並且調出檢查員時，我注意到#previousLink和#nextLink div在破損狀態下的width爲0。嘗試在CSS中爲這些設置明確的寬度，或者使嵌套圖像使用display: block。

#previousLink { width: 31px; } 
#nextLink { width: 37px; }

或

#previousLink img, 
#nextLink img { display: block; }

我覺得這些內嵌項目和你的overflow: hidden規則的組合咬你。我想認爲。這是一個棘手的錯誤！

2012-09-27 20:22:06

我認爲消除溢出：隱藏固定它:) 非常感謝很多人！ :) 至少它現在在osx上用chrome工作^^ –

如果你想保留'overflow：hidden'（這看起來像是一件合法的事情），試着設置'width'或'min-width這些元素。我很高興你把它整理出來了！ –

是的，我實際上並不需要隱藏的溢出。這一定是導致半圓夾在手機上的原因，所以你幾乎救了天先生 –

回答