pan*_*hei 3 css svg background-image raphael
我正在尝试将background-imagecss属性设置为编码数据URI内容,如该小提琴所示。
对于我测试过的所有浏览器,它都能按预期工作。唯一不显示内容的浏览器是IE 9/10。
但是我还有另一个可以在IE 9/10中运行的示例。此处的区别在于,数据URI内容最初是在Chrome中(由Raphaël创建),然后在示例中使用。
如果SVG是在IE中创建的(如Raphaël的第一个小提琴一样)本身,则用作background-image数据时不会显示。
IE中的问题出在哪里?它是否与我的代码有关,或者在RaphaëlSVG绘画中可能出了什么问题?
小智 5
看起来,最跨浏览器兼容的方法(也是让IE将SVG显示为CSS背景的唯一方法)是像在第一个小提琴中一样对base进行SVG base64编码(也称为dataURI)。
我发现本文底部的评论讨论很有帮助
http://css-tricks.com/probably-dont-base64-svg