2009-10-14 82 views
0

我有一個網頁。這個網頁在IE 7,8 FF 2,3,3.5 Safari 3,4 Opera 9,10和Chrome中看起來是正確的。基本上除IE 6之外的所有東西。CSS + IE 6 =圖片緩存和填充

佈局甚至看起來很好。看似有兩件事情沒有正確顯示。

  1. 每個列表項都有一條灰色的垂直線。如果我調整填充值,這條線會移動。我不想要灰色的垂直線。此行只出現在IE 6中。
  2. 我有一個下拉列表。當此列表第一次出現時,會出現背景圖像。但是,在後續嘗試中,圖像不會出現。再次,這只是在IE 6上。

這是我使用的通用代碼。爲了便於閱讀,我已將樣式內聯移動。

<div id="theDiv" style="height:29px; width: 100%; background-image: url('./Images/bg.jpg');position:absolute; top:10px;"> 
    <ul style="list-style-type:none; position:relative; display:inline;"> 
    <li style="position:relative; display:inline; background-image: url('./Images/bg2.jpg'); padding:5px 6px;">Item 1</li> 
    <li style="position:relative; display:inline; background-image: url('./Images/bg2.jpg'); padding:5px 6px;">Item 2</li> 
    </ul> 
</div> 

我怎麼能到這兒來這些無聊的問題?謝謝!

+0

你有在線測試頁面,我們可以看到嗎? – 2009-10-14 13:50:35

+0

是的,能夠看到這在行動會好得多。這條垂直線可能是背景圖像的一部分,圖像可能只需要重新定位?只是在黑暗中拍攝。 – Slevin 2009-10-14 15:19:50

+0

如果您使用完整的背景圖像網址,它有助於解決問題2嗎?我聽說IE6可能會在CSS中調用圖像時存在問題,這取決於它們存儲的目錄。 否則,我同意Ionut和Slevin--要麼發佈整個代碼,要麼鏈接到問題頁面這裏更有幫助。 – sfarbota 2009-10-14 17:40:58

回答