iPhone使用svg忽略背景位置答案

【问题标题】：iPhone ignores background-position with svgiPhone使用svg忽略背景位置
【发布时间】：2013-03-06 10:28:35
【问题描述】：

我在一个简单的锚元素上使用 svg 背景图像，并且需要将图形定位在元素的右侧。

它适用于大多数浏览器，iPhone 除外（iPad 上很好）。

我已经设置了两个 codepen - 除了使用 gif 或 svg 图像外，其他代码相同。 gif 正确定位在右侧，但 svg 不正确。

gif - 在 iPhone 上正确定位 - http://codepen.io/johnholtripley/pen/yLDwF

svg - 在 iPhone 上的位置不正确 - http://codepen.io/johnholtripley/pen/maCkb

我看不到有关此问题的任何其他报告 - 这是一个已知问题吗？

【问题讨论】：

对我来说看起来不错，Iphone5

标签： iphone css svg mobile-safari background-position

【解决方案1】：

刚刚看到 caniuse.com 的 svg 条目的脚注 - “iOS Safari 和旧 Safari 版本中的部分支持是指不支持平铺或背景位置属性。” - http://caniuse.com/svg-css

有任何可用的解决方法吗？

【讨论】：

【解决方案2】：

如果您使用的是 iPhone，您还没有说明什么“类型”。如果您使用的是较旧的 iPhone 之一，则某些内容可能看起来不正确，因为浏览器不是最新的（因为该设备的更新已停止）。前段时间我在开发一个网站时，我在我的 iPod Touch 2 上查看了它，内容看起来有些失真；而当我在较新的设备（第 5 代）上查找相同的内容时，内容显示正确。

【讨论】：

嗯 - 我在 iPhone 4.2.1 和 5.1.1 上看到了这个问题，所以有趣的是你在 5 上看到了右侧的箭头图标
是的，我的旧 iPod touch 2 是 4.2.1。与今天的技术相比，那个版本是旧的。如果您无法使用较新的 iPhone，请在线获取 iphone 模拟器以检查网站的显示方式。
刚刚尝试了你的代码位，它在我的 5 上看起来确实很好。显然是浏览器（旧）问题。
谢谢 - 我会再试几部 iPhone 看看我得到了什么 - 这显然不是我想的一揽子问题。
是的 - 在 6.1.2 上没问题