IE6子彈

我的鏈接是在這裏：IE6子彈

Example Page

我使用列表樣式圖像：給我的水平列表（非常頂部和底部）分隔符。我有一個.first類從每個列表中的第一個li刪除圖像。

瞧，在IE6中，它不起作用。會發生什麼是子彈圖像不顯示，並且文本的底部幾個像素似乎被裁剪。

Screenshot

，我已經修復了幾個「hasLayout的」錯誤與此頁面，但我有一種感覺，它是與我的準則層，雖然沒有關於黑客的量似乎爲我工作。

有人可以對此有所瞭解嗎？謝謝。

此外，我的顏色更改在懸停，但不是下劃線，在同一個選擇器？

編輯好的，我已經使用了yoavf建議的背景圖像技術，這似乎是個竅門，但裁剪問題仍然存在。看起來像那麼一個單獨的問題...

我的繼承人修訂CSS

#site-navigation li { 
    background-image:url(../img/site-nav-seperator.gif); 
    background-position:0 4px; 
    background-repeat:no-repeat; 
    float:left; 
    padding-left:15px; 
} 
#site-navigation li.first { 
    background-image:none; 

}

進一步編輯：

設法解決裁剪過，通過給標籤的一些行高。

#site-navigation a { 
    color:#666666; 
    display: block; 
    text-decoration:none; 
    margin-right: 1em; 
    line-height: 1.1em; 
}

這有點感覺像一個bodge雖然:)

來源

2008-11-03 Chris J Allen

對於我們這些沒有IE6的人來說，如果你描述IE6中會發生什麼，它可能會有所幫助，因爲'它不起作用'有些含糊。 – 2008-11-03 14:39:40

對不起，我更新了文章，幷包括一個截圖。 – 2008-11-03 14:43:42

我知道這是不是一個真正的解決辦法，但我會建議使用背景圖像代替列表樣式圖像。您將實現相同的效果，並且可以在所有瀏覽器中使用。

來源

2008-11-03 14:45:45 yoavf

我已經編輯了我的問題以迴應您的建議 – 2008-11-03 15:11:23

看起來像站點導航中的對象的邊距和填充問題。

如果你表現出對這些元素的CSS，我們可以更快地檢查它:)

來源

2008-11-03 14:49:49 Filini

這裏是造型列出了一大篇：http://www.alistapart.com/articles/taminglists/

它有很多/截圖的瀏覽器如何呈現不同的例子名單。它應該回答你所有的問題，然後回答一些。 :)

來源

2008-11-03 15:10:18 Kip

回答

相關問題