[thelist] Weird CSS rendering in Firefox

Jeff Howden jeff at jeffhowden.com
Thu Mar 11 23:10:22 CST 2004


rob,

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> From: Rob Day
>
> http://homepage.mac.com/robday/by/index.html
>
> P.S. I'm trying to use CSS to preload the hover images
> on the nav stuff, but it doesn't seem to be working.
> Any advice?
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

it's all in how you approach it.  the trick is to have both images requested
from the server when the page is loaded into the browser.  you do this by
stacking them.  the "on" state is a background of the element containing the
link.  the "off" state is a background of the link itself for :link and
:visited pseudo-classes.  you set the background-image to none for :focus,
:hover, and :active pseudo-classes allowing the "on" state on the containing
element to shine through.

http://evolt.jeffhowden.com/jeff/css/css_rollovers/index.cfm

enjoy,

.jeff

——————————————————————————————————————————————————————
Jeff Howden - Web Application Specialist
Résumé - http://jeffhowden.com/about/resume/
Code Library - http://evolt.jeffhowden.com/jeff/code/



More information about the thelist mailing list