Question

我有一个网页。此网页在IE 7,8 FF 2,3,3.5 Safari 3,4 Opera 98,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中。但是，为了“调试”这个，我将css代码与HTML代码内联。我做错了什么？

谢谢我究竟做错了什么？这让我疯了！

Answer 1

取出网址（'...'）部分的引号。这些都不是必要的，可能会导致问题。此外，网址应为url(Images/Application/divBG.jpg)，而不是url(/../../Images/divBG.jpg)，至少如果您在index.html文件中执行CSS内联。如果您在css文件中执行CSS，则需要url(../../Images/Application/divBG.jpg')（注意，不是从斜杠开始）。

Answer 2

'/../../ Images / divBG.jpg'不包含应用程序文件夹

也许./Images/Application/divBG.jpg

Answer 3

试试这个：

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

CSS + IE 6 =背景 - 图像没有显示（并拉出头发）

3 个答案: