Stefan Sobek Blog » css tricks http://www.sobek.info/blog Writing about IT, Software Engineering, sports and other stuff Mon, 24 Jan 2011 12:50:08 +0000 http://wordpress.org/?v=2.9 en hourly 1 Data URIs in CSS http://www.sobek.info/blog/2010/03/30/data-uris-in-css/ http://www.sobek.info/blog/2010/03/30/data-uris-in-css/#comments Tue, 30 Mar 2010 12:04:39 +0000 admin http://www.sobek.info/blog/?p=244 Found an interesting article about Data URIs.
It is possible to embed the image data directly into the document. This can either be the html document or a css-file.

?View Code HTML
1
2
3
4
5
6
7

li {
  background:
    url(data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7)
    no-repeat
    left center;
  padding: 5px 0 5px 25px;
}

This is cool stuff but will not run in IE<8.

So why should i use this? Normally not, but to save requests.

Great article from http://css-tricks.com/data-uris/

]]> http://www.sobek.info/blog/2010/03/30/data-uris-in-css/feed/ 0