Detecting Support for data: URIs
Weston Ruter beschreibt eine Möglichkeit festzustellen ob Browser das data: URI scheme unterstützen.
var data = new Image();
data.onload = data.onerror = function(){
if(this.width != 1 || this.height != 1)
document.documentElement.className += " no-data-uri";
}
data.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="
Und im CSS könnte das dann so aussehen:
#foo {
background-image:url("data:image/png;base64,.....");
}
html.no-data-uri #foo {
background-image:url("images/foo.png");
}