2013-06-24 24 views
2

工作作爲背景圖片,我試圖將background-image CSS屬性設置爲編碼數據URI的內容,如圖in this fiddle聯SVG不是在IE

它的工作如預期的我測試所有的瀏覽器。唯一不顯示內容的瀏覽器是IE 9/10。

但我有another example在IE 9/10的作品。這裏的區別在於,數據URI內容最初是在Chrome(由Raphaël)創建的,然後在示例中使用。

如果SVG是在IE中創建的(如Raphaël的第一個小提琴)本身,如果用作background-image數據,則不會顯示它。

IE在哪裏?它與我的代碼有關還是可能出現了RaphaëlSVG繪畫中的錯誤?

+0

可能重複http://stackoverflow.com/questions/14557784/svg-background -image-in-ie9) – Kyle

+0

由於我的介質類型已經是'image/svg + xml',並且沒有web服務器,我不確定它可能已經被上面提到的鏈接回答了 – pantarhei

回答

3

看起來像這樣做的最具跨瀏覽器兼容的方式(以及讓IE將SVG顯示爲CSS背景的唯一方法)是base64編碼(也稱爲dataURI)SVG,就像您在第1次時那樣小提琴。

我找到了意見討論這篇文章有幫助的底部

http://css-tricks.com/probably-dont-base64-svg

[IE9中的SVG背景圖像(的