android - iOS Mobile Safari背景图片位置与CSS

Question

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

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

我是在忽略某些东西还是有人遇到类似问题？如何在移动浏览器中定位此背景图片？

Answer 1

您应该同时使用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;

编辑

当然，您可以尝试调整这些百分比。我不知道您的标记是什么样子，但是如果图像位于其他物体的后面，可能会被遮挡。