IOS Mobile Safari背景图片位置与CSS答案

【问题标题】：IOS Mobile Safari background image position with CSSIOS Mobile Safari背景图片位置与CSS
【发布时间】：2012-09-10 22:29:01
【问题描述】：

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

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

我是否忽略了某些事情或有人遇到过类似的问题？如何在移动 Safari 中定位此背景图片？

【问题讨论】：

【解决方案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;

编辑

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

【讨论】：