我有一個列表樣式圖象屬性的問題在CSS中使用Internet Explorer 8CSS在Internet Explorer中:列表樣式圖像和浮動:左問題
如果我設置
li {
float:left;
list-style-image: none;
}
各
菜單項在彼此之上。如果我刪除list-style-image:none,它們將完全定位,但它們具有點圖像。 (見圖片)
我有一個列表樣式圖象屬性的問題在CSS中使用Internet Explorer 8CSS在Internet Explorer中:列表樣式圖像和浮動:左問題
如果我設置
li {
float:left;
list-style-image: none;
}
各
菜單項在彼此之上。如果我刪除list-style-image:none,它們將完全定位,但它們具有點圖像。 (見圖片)
列表崩潰的元素,因爲你設置float:left
到<li/>
和內<a/>
。沒有必要;從<a/>
中刪除float:left
解決了這個問題。
至於列表項目符號,就像之前說過的,list-style-type:none
是要走的路。
特別是對於IE8,我也建議刪除#block-menu-primary-links
中的line-height:0
。它可能會導致崩潰行爲。
注意:我真的不明白@orokusaki的建議。嘗試沒有position:relative;
,它工作得很好。
嘿,確實位置:親戚根本沒有幫助。但重要的是,它仍然不能在IE中工作。試着看看,我修改了你的建議,但菜單仍然崩潰。 – aneuryzm 2010-09-27 07:34:16
@Patrick:你已經忘記在'#block-menu-primary-links'中刪除'line-height:0'。由於每個元素的高度都設置爲0像素,因此不會佔用任何位置,因此不會將下一個元素移到右側。我同意這不是合乎邏輯的,但這就是爲什麼普通瀏覽器不存在這個問題。 – 2010-09-27 12:13:29
這個問題感覺非常熟悉......您使用的是什麼Doctype?另外,順便說一句,如果你想從列表中刪除項目符號,你可能想嘗試使用'list-style-type:none'。 – 2010-09-26 18:19:11
嘿,不是真的..如果我使用list-style-type,子彈仍然存在。這是鏈接:http://109.72.95.174/astudio/sites/danydiop/?q=taxonomy/term/26 – aneuryzm 2010-09-26 18:28:12