CSS image replacement with pseudo-elements (NIR) An accessible image replacement method using pseudo-elements and generated-content. This method works with images and/or CSS off, with semi-transparent images, doesn’t hide text from screen-readers or search engines, and provides fallback for IE 6 and IE 7. Known support: Firefox 1.5+, Safari 3+, Chrome 3+, Opera 9+, IE 8+ http://nicolasgallagher.com/css-image-replacement-with-pseudo-elements/ Another CSS image replacement technique A new image replacement technique was recently added to the HTML5 Boilerplate project. This post explains how it works and how it compares to alternative image replacement techniques. Here’s the CSS behind the recent update to the image replacement helper... Read More


