为什么在使用绝对 URL 时不加载 CSS 背景图像？答案

【问题标题】：Why is CSS background-image not loading when using absolute URL?为什么在使用绝对 URL 时不加载 CSS 背景图像？
【发布时间】：2013-07-17 13:19:31
【问题描述】：

我已经在this网站的页脚实现了我们公司的签名。

我正在使用此代码来执行此操作：

a.logoDSI {
  display: block;
  width: 115px;
  height: 20px;
  background-image: url('http://www.groupedsi.com/images/realise-par/logoDSI_rect-pale.png');
  background-position: 0% 0%;
  text-indent: -999999px;
  margin: 14px 10px 9px 10px;
}

a.logoDSI:hover {
  background-position: 0% -100%;
}

&lt;a id="logoeDream" href="http://www.edreamweb.com" title="eDream | Services d'hébergement - eCommerce - Développement mobile" target="_blank"&gt;&lt;span&gt;eDream&lt;/span&gt;&lt;/a&gt;

问题是这在 PC 和 Mac 上运行良好，但是当我使用 iPod、iPad 或 iPhone 访问该网站时，徽标根本不显示。只要我将图像路径更改为相对路径，图像就会出现。

这正常吗？有没有办法可以使用将显示在移动设备上的 www.groupedsi.com 的绝对路径？

【问题讨论】：

你在直播中改变路径吗？尝试将position: relative; 添加到a.logoDSI，可能使用z-index。
检查你的 CSS。图片超出页脚。
就像我说的那样，伙计们，只要我将路径更改为相对路径，图像就会出现，因此定位或 z-index 不是问题...
这可能是浏览器的错误。你真的应该尝试我的建议，因为我已经测试过了，是的，徽标没有显示，但是只要我添加 position: relative; 它就可以了。你用的是什么浏览器？
刚试了一下，还是不行。我正在使用带有 Safari 的 iPod 进行移动测试。问你如何在移动设备上测试 position:relative ？你使用了 firebug lite hack 吗？

标签： css background-image css-position

【解决方案1】：

在我的桌面上使用适用于 Windows 的 Safari 5.0.3，我也无法在您的主页上看到 logo，但使用 Safari 5.1.7，我可以。您的 iPod 上的 Safari 是最新的吗？

【讨论】：