Previous Message
Next Message

Re: [css-d] CSS image rollovers flash in Mozilla?

Sent by Stefan Huszics on 31 January 2003 14:02


Big John wrote:

>--- Miriam Frost [EMAIL-REMOVED]> wrote:
>  
>
>>( here is the test page: http://www.hellonheels.net/hoh-index.html
>>and here is the css: http://www.hellonheels.net/pages/hoh.css )
>>
>>but this is where it gets wierd: rollovers "flash" as empty space in
>>Mozilla, a (very annoying) split second of nothing inbetween hover and
>>non-hover states. This doesn't happen in Netscape 7, Opera 7, or IE6 (PC).
>>It also doesn't happen in Mac browsers. In Mozilla I can see this flash on
>>this page:
>>http://www.oreillynet.com/javascript/2001/03/23/examples/example1.html
>>but not  here:
>>http://www.edginet.org/techie/website/cssimg.html
>>which as far as I can tell is the same method. Whaa?
>>    
>>
>
>So naturally, when you do hover, it takes a moment to aquire
>the files. Try clearing your cache, and watch for 'loading
>when hovering. Once Moz has 'educated' the page, it works fine.
>
Precashing your images with CSS usually fixes this.

Ie you make sure to load the images that should appear on :hover on 
initial download, eg at the end of the page, and use CSS to hide them 
(using positioning, diplay, visibiliy or whatever you prefer).

-- 
/Stefan

Software never has bugs. It just develops random features. =)
Previous Message
Next Message

Possibly related: