CSS + IE 6 =背景圖片不顯示（並拉出頭髮）

我有一個網頁。這個網頁在IE 7,8 FF 2,3,3.5 Safari 3,4 Opera 9,10和Chrome中看起來是正確的。基本上除IE 6之外的所有東西。CSS + IE 6 =背景圖片不顯示（並拉出頭髮）

佈局甚至看起來很好。唯一不能按預期工作的是沒有任何背景圖像正確顯示。下面是我想的背景圖像應用到代碼：

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

我的目錄結構看起來像這樣

root 
-- index.html 
-- Images 
-- -- Application 
-- -- -- divBG.jpg 
-- Styles 
-- -- Application 
-- -- -- mystyle.css

請注意，我所提供的CSS信息實際上是mystyle.css。但是，爲了「調試」這一點，我將CSS代碼與HTML代碼內聯移動。我究竟做錯了什麼？

謝謝我做錯了什麼？這讓我瘋狂！

來源

2009-10-13 user70192

'/../../Images/divBG.jpg' 不包含應用程序文件夾

也許./Images/Application/divBG.jpg

來源

2009-10-13 21:02:09

取出url（'...'）部分中的引號。這些不是必需的，可能會造成問題。此外，至少如果您在index.html文件中內嵌CSS，則URL應爲url(Images/Application/divBG.jpg)，而不是url(/../../Images/divBG.jpg)。如果你在CSS文件中做CSS，它需要是url(../../Images/Application/divBG.jpg')（注意，沒有開始斜槓）。

來源

2009-10-13 20:56:47

試試這個：

'../../Images/divBG.jpg'

來源

2009-10-13 20:59:04

CSS + IE 6 =背景圖片不顯示（並拉出頭髮）

回答

相關問題