html - CSS + IE 6 = Background-Image 不显示(并且拔头发)

Question

我有一个网页。此网页在 IE 7、8 FF 2、3、3.5 Safari 3、4 Opera 9、10 和 Chrome 中看起来正确。基本上除了 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 中。但是，为了“调试”它，我移动了 HTML 代码内联的 css 代码。我做错了什么？

谢谢我究竟做错了什么？这让我抓狂!

Answer 1

去掉 url('...') 部分的引号。这些不是必需的，可能会导致问题。另外，URL 至少应该是 url(Images/Application/divBG.jpg)，而不是 url(/../../Images/divBG.jpg)如果您在 index.html 文件中执行 CSS 内联。如果你在 css 文件中做 CSS，它需要是 url(../../Images/Application/divBG.jpg')(注意，没有开始的斜杠)。