我在查看CSS代码时遇到了这个问题:
background-image:url(data:image/png;base64,LKJSDLKJFSLDJFKDJFLJS......)
看起来实际图像已被编码,这是一个位于网站上的小部件,因此看起来它是出于效率原因而完成的,所以它不必向Web服务器发出请求。
这个跨浏览器安全吗? 这对我来说是新闻!
答案 0 :(得分:2)
是的,你可以这样做: http://en.wikipedia.org/wiki/Data_URI_scheme
不,你可能不想: http://en.wikipedia.org/wiki/Data_URI_scheme#Disadvantages
答案 1 :(得分:2)
所有主流浏览器都支持它,是的。但是,IE7并不少支持它,IE8需要它小于32K(这应该不是问题)。 IE9没有这个限制。
答案 2 :(得分:1)
是的,但IE8的网址必须低于32k。
答案 3 :(得分:0)
对于使用MHTML的IE6 / 7,还有一些hacky方法可以做到这一点
请参阅http://www.phpied.com/mhtml-when-you-need-data-uris-in-ie7-and-under/
Turbine(用于PHP)将小于25kb的图像自动转换为数据URI或MHTML