2

我使用以下 CSS 为我的菜单设置背景图像

#menuContainer
{
    background:url('../images/main-bg.png') repeat-x;
}

我的 CSS 在里面

~/styles/site.css

我的形象在里面

~/images/main-bg.png

问题是这在 Chrome 中完美运行，但在 Firefox 中不起作用。但是如果将 URL 更改为

#menuContainer
{
    background:url('images/main-bg.png') repeat-x;
}

它开始在 Firefox 中工作，而在 Chrome 中则不起作用。

有人可以帮忙吗？

4

3 回答 3

0

用这个代替

#menuContainer
{
    background:url('../img/main-bg.png') repeat-x;
}
于 2012-06-17T13:26:10.943 回答
0

这是否有效：

#menuContainer
{
    background-image:url('./../images/main-bg.png') repeat-x; /* or './../img/main-bg.png' */
}

如果您有域名（或运行 localhost），那么您应该尝试使用绝对路径来获取图像，因为我认为问题在于浏览器如何解析相对路径：

#menuContainer
{
    background-image:url('wwww.example.com/images/main-bg.png') repeat-x; /* or 'localhost:8080/images/main-bg.png' - please replace 8080 with the port you are using. */
}
于 2012-06-17T06:27:40.773 回答
0

这似乎是我这边的一个错误。我一直在使用 Aptana Studio 检查我的网站。当我从 Aptana 运行页面时，它会自动打开 Firefox，但它不会呈现图像。它使用称为 Firefox 内部服务器的东西。我认为问题就在那里。最后，我尝试通过右键单击 Windows 资源管理器中的 Index.html 在 Firefox 和 Chrome 中打开网页，它在两种浏览器中都能完美运行。谢谢大家的支持。

于 2012-06-17T15:14:20.163 回答