我在这个网站上集成了我们的签名: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 访问它时,徽标根本不显示。这不是由响应式设计引起的定位问题,因为我只需要使用相对路径来显示图像。一旦我更改了我们服务器上的绝对路径,图像只会在移动设备上消失。
这种行为正常吗?有没有办法让我获得使用移动设备的绝对路径?