2012-12-27 72 views
4

請看下面的例子:CSS定位異常Safari /鉻

http://6329195.com/stackoverflow/css_li_weird/index.html

如果您刷新頁面,每一次在一段時間的圖像之一將下降爲明顯了與其他行。它似乎沒有發生在Firefox中。它每隔一段時間就會發生一次。大多數情況下它發生在最後一張圖像上,但它可以一次出現任何/多個圖像。您可以查看這裏的問題的截圖:

enter image description here

http://6329195.com/stackoverflow/css_li_weird/screenshot.jpg

誰能告訴我什麼是錯/爲什麼它這樣做?

(名單最終用於jQuery的幻燈片,因此空HREF的一個標籤)

+0

這是由於'顯示:在'了'標籤block'。 –

+0

我假設你已經改變了一些東西,因爲我無法再去做它了。 –

+0

我剛試過這個。經過十幾次刷新後,第三次跳下:http://6329195.com/stackoverflow/css_li_weird/index2.html – user1933045

回答

1

A similar question's answer導致我嘗試vertical-align: top;這似乎工作。所以,如果出於某種原因,您確實需要保留overflow:hidden;,那麼這可能是防止毛刺/錯誤的一種方法。

工作實例:http://jsfiddle.net/rtppE/2/

li.productMenuItem{ 
    vertical-align: top; 
    width: 45px; 
    display:inline-block; 
    list-style: none; 
    height: 45px; 
    overflow: hidden 
}