Android IOS Mobile Safari背景图像位置与CSS

这似乎是一个奇怪的问题，我希望我只是忽略了一些东西，但我有一个与背景图像的链接，位于它的左侧。下面的样式在桌面浏览器和Android浏览器上都可以正常工作，但似乎并不影响它在mobile safari中的位置

.load-more-link.ajax-spinner {
background: url(images/ajax-loader-dark.gif) no-repeat 20%;
margin: 0 auto;
width: 200px;
}

---

是我忽略了什么，还是有人遇到过类似的问题？如何在mobile safari中定位此背景图像？

您应该使用X和Y坐标完成背景样式快捷方式，以解决任何歧义：

background: url(images/ajax-loader-dark.gif) no-repeat 20% 0%;

或者您可以单独写出position属性：

background-image: url(images/ajaxloader-dark.gif);
background-position: 20% 0%;
background-repeat:no-repeat;

编辑

---

当然，你可以尝试篡改这些百分比。我不知道您的标记是什么样子的，但是如果图像在其他东西后面，则可能会被遮挡。

您应该使用X和Y坐标完成背景样式快捷方式，以解决任何歧义：

background: url(images/ajax-loader-dark.gif) no-repeat 20% 0%;

或者您可以单独写出position属性：

background-image: url(images/ajaxloader-dark.gif);
background-position: 20% 0%;
background-repeat:no-repeat;

编辑

---

当然，你可以尝试篡改这些百分比。我不知道您的标记是什么样子的，但如果图像位于其他东西后面，则可能会使图像变得模糊。

尝试声明背景位置的X和Y。目前您只声明了20%（X）。将

20%0

设置为X20%Y0，然后再次测试。尝试声明背景位置的X和Y。目前您只声明了20%（X）。将

20%0

设置为X20%Y0，然后再次测试。