绝对图像 URL 未在移动设备上显示答案

【问题标题】：Absolute image URL not showing on mobile devices绝对图像 URL 未在移动设备上显示
【发布时间】：2013-07-22 15:37:20
【问题描述】：

我在这个网站上集成了我们的签名：http://www.moteljoanne.com/

使用此代码：

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%;
}

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

这在 PC 和 MAC 上运行良好，但是当我使用 iPod 或 iPad 访问它时，徽标根本不显示。这不是响应式设计引起的定位问题，因为我只需要使用相对路径来显示图像。一旦我更改了我们服务器上的绝对路径，图像只会在移动设备上消失。

这种行为正常吗？有没有办法让我获得使用移动设备的绝对路径？

【问题讨论】：

标签： css url mobile relative-path absolute-path

【解决方案1】：

这不应该是因为绝对路径 - 在移动设备中显示没有问题。检查 div position:relative ....你的移动版本中是否需要它和 css。

【讨论】：

正如我所说，只要我将路径更改为相对路径，图像就会显示出来。这告诉我这不是定位问题，图像根本没有显示绝对 URL。有人已经建议我添加一个相对于 a.logoDSI 的位置，但它没有用。
好的，我已经在我的手机上尝试过，但我看不到图像，但如果我点击应该在的位置，我会去那个网站。所以尝试在 css 中：z-index: 999
谢谢，但我已经试过了。我只需将 URL 更改为相对 URL，这一事实表明这不是定位或 z-index 问题。
好的，感谢您的回答，我发现了问题。我们在 web.config 中有一条规则，将所有移动流量重定向到 m.groupedsi.com。这条规则似乎也在捕获图像，这就是为什么它在桌面上工作而不是在移动设备上工作的原因。 :)