CSS Sprites Navbar: Images Replace Text

Using only CSS, we’ll make a navbar that loads fast and looks nice. We’ll take a list of text links, replace the text with images and add rollover effects, all with CSS. The result will be streamlined code that loads faster than JavaScript equivalents. This CSS navbar will also be easier to implement and update across an entire site (JavaScript rollovers are not as streamlined and have preloading issues). All that and they’re search engine friendly too!