[thelist] Weird CSS rendering in Firefox

Rob Day rday at tsl.state.tx.us
Fri Mar 12 13:00:45 CST 2004


Thanks, Jeff. This is exactly what I wanted.
-Rob

-----Original Message-----
From: Jeff Howden [mailto:jeff at jeffhowden.com]
Sent: Thursday, March 11, 2004 11:10 PM
To: thelist at lists.evolt.org
Subject: RE: [thelist] Weird CSS rendering in Firefox


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/

-- 
* * Please support the community that supports you.  * *
http://evolt.org/help_support_evolt/

For unsubscribe and other options, including the Tip Harvester 
and archives of thelist go to: http://lists.evolt.org 
Workers of the Web, evolt ! 


More information about the thelist mailing list