CSS tip

Here’s a handy tip from Jeffrey Zeldman, prompted by a question asked at the “CSS: Between the (Style) Sheets” panel that he co-hosted at SXSW: how to preload hover states in CSS rollovers.

This is just what I needed to add the finishing touch to my recent XHTML/CSS conversion of Lost In Translation.

I was really happy with the way that I had the site navigation links looking but the CSS rollovers were causing an annoying flicker in Internet Explorer 5+ on Windows. References to images in a stylesheet evidently don’t get cached by the browser.

Now, thanks to Jeffrey’s tip and the addition of one extra line to my stylesheet, that problem is solved.

Want some more real-world CSS tips’n’tricks? Check out Doug Bowman’s great article “Using Background-Image to Replace Text”.

Thursday, March 13th, 2003 9:29pm

Illustrations

Thanks to the magic of machine tags, you can illustrate this post by tagging a picture on Flickr with:

More information

About this site

Adactio is the online home of , a web developer living and working in Brighton, England.

Customise

If your browser was up to it, you'd be able to
?

This is the plain vanilla look.

Search


Subscribe

RSS is an XML-based format for syndicating website content. I have some feeds that you can subscribe to:

Elsewhere

Adactio Elsewhere has small pieces of me, loosely joined:

You can also find me scattered across these sites:

Bedroll

I had the pleasure of welcoming these people into my home:

Buy my book

Bulletproof Ajax