2

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

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

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

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

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

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

4

2 回答 2

1

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

有什么可用的解决方法吗？

于 2013-03-06T12:35:23.230 回答
0

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

于 2013-03-06T10:55:16.863 回答