是否有一种可行的方法来为图像提供检测支持:data base64

Question

使用以下内容:

background:url(data:image/gif;base64,R0lGODlhIwAhALMAAAAAADQ0NENDQ25ubouLi6ioqLa2ttPT0/Dw8P///wAAAAAAAAAAAAAAAAAAAAAAACwAAAAAIwAhAAAIpQABCBxIsCCAAAYTKlw4cECCAQwjMnSY4KHEiwQpVrSIUaLGjRw7Kvy4EYEAkSNBljyJ0iDJiiZbulQJk6XMhjQTxLyJk+ZOngBe6rTJU+jPojmTKqXZc6nTpAKFPp0qsMDUqyoHWsWKleBWrk8LfgV5AKjYnGXNakWrdi3NtG3HbjTQtmrOAnUByK2It+7eBH3j5iSQVy5cv3PzegWsuCDExmYDAgA7) no-repeat center center;}

很好但我希望能够在base64不可用时提供优雅降级(css断言是通过javascript).

显然,在v8之前的IE缺乏这个功能,所以我可以通过浏览器 - 但我更愿意检测它的功能,如果可能的话.

关于如何去做的任何想法？

Answer 1

这可能是您正在寻找的:http://weston.ruter.net/2009/05/07/detecting-support-for-data-uris/

我编写了一个脚本,在IE6 +中添加了对DataURI方案的部分支持:http://phenxdesign.net/projects/phenx-web/iedatauri/example.php ,代码在这里:http://code.google. COM/p/phenx幅/源/浏览/中继/ iedatauri /

IE5 +也支持一种数据URI,但并不总是可以使用它:http://www.betalon.com/blog/html_css/data-uri-in-css-crossbrowser.htm