使用CSS的IOS Mobile Safari背景图像位置

Question

这似乎是一个奇怪的问题，我希望我只是忽略了一些东西，但我有一个位于其左侧的背景图像的链接。下面的样式在桌面浏览器和Android浏览器中运行良好，但它似乎不会影响移动Safari中的位置。

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

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

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

修改的

当然，你可以尝试摆弄那些百分比。我不知道你的标记是什么样的，但是如果图像落后于其他东西，那么图像可能会被遮挡。