CSS UL裏的圖像與文本

對準我有這樣CSS UL裏的圖像與文本

ul { 
    list-style-image:url(images/bulletArrow.gif); 
} 

ul li { 
    background: url(images/hr.gif) no-repeat left bottom; 
    padding: 5px 0 7px 0; 
}

一個CSS但子彈的圖像不能在IE（這是罰款的Firefox）正確對齊。我已經有了背景圖片，因此我無法使用子彈圖像作爲背景。有沒有解決這個問題的方法？

在此先感謝。

來源

2008-11-10 Aximili

您是否能夠提供更多信息？您使用的是哪個版本的IE（如果它給了你很多麻煩，那可能是IE6）？你是否試圖將圖像與文字垂直對齊？圖像是什麼樣的？只是一個簡單的橫向規則？ – 2008-11-10 00:34:32

謝謝你們兩位。問題是我已經使用背景作爲行分隔符。但是我會將其更改爲邊框，然後使用背景作爲子彈圖像。

來源

2008-11-10 01:41:44 Aximili

有一個很好的解釋和解決方案在這裏：http://css.maxdesign.com.au/listutorial/master.htm

它說，使用list-style-image結果在不同的瀏覽器圖像的位置不協調。然後它解釋瞭如何使用子彈的背景圖像來獲得更好的結果。

來源

2008-11-10 01:14:52

哇。大量的代碼來完成一件簡單的事情。不用了，謝謝！ – AndroidDev 2013-08-16 08:39:45

我看到你正在刪除左列表項的填充。對於IE瀏覽器，您需要對左側邊距執行相同操作 - 將其完全移除（設置爲零）或使其小於默認值。那麼你的列表項目將很好地對齊。

來源

2008-11-10 01:24:43 Kon

使用行高:)

來源

2010-03-26 18:13:14 Stavros

CSS UL裏的圖像與文本

回答

相關問題