iPhone忽略svg的背景位置

我在簡單的錨點元素上使用svg背景圖像，並且需要將圖形放置在元素的右側。iPhone忽略svg的背景位置

它適用於大多數瀏覽器，除了iPhone（罰款iPad）。

我已經設置了兩個codepens - 除了使用gif或svg圖像外，完全相同。 gif的位置正確，但svg不正確。

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

SVG - 正確定位於iPhone - http://codepen.io/johnholtripley/pen/maCkb

我看不到這個問題的任何其他報告 - 這是一個已知的問題？

來源

2013-03-06 john holt ripley

對我來說很不錯，Iphone5 – 2013-03-06 10:34:41

如果您使用的是iPhone，您尚未說明「type」。如果您使用的是舊款iPhone之一，則某些內容可能顯得不正確，因爲瀏覽器不是最新的（因爲該設備的更新已停止）。當我在開發一個網站的時候，我在iPod Touch 2上查了一下，內容出現了扭曲;而當我在新設備（第5代）上查找相同的內容時，內容顯示正確。

來源

2013-03-06 10:55:16 zuc0001

嗯 - 我在iPhone 4.2.1和5.1.1上看到這個問題，所以有趣的是你看到右邊的箭頭圖標5 – 2013-03-06 11:12:28

是的，我的舊iPod觸摸2在4.2.1上。與當今的技術相比，該版本已經過時了。如果您無法使用較新的iPhone，請在線獲取iphone模擬器以檢查網站的顯示效果。 – zuc0001 2013-03-06 11:25:11

只是嘗試了我們的代碼位，它確實顯示在我的5上。顯然是瀏覽器（舊）問題。 – zuc0001 2013-03-06 11:27:36

剛剛看到關於caniuse.com的svg條目的腳註 - 「iOS Safari和較早的Safari版本中的部分支持是指無法支持平鋪或背景位置屬性。」 - http://caniuse.com/svg-css

雖然可以使用任何解決方法嗎？

來源

2013-03-06 12:35:23

iPhone忽略svg的背景位置

回答

相關問題