470,599 Members | 1,483 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 470,599 developers. It's quick & easy.

CSS Hovers not smooth in IE but look great in everything else --

Hi all,

Thanks to Els from another post I got my CSS hover-overs working in IE,
Firefox, and about everything else I've tried. Problem is the CSS
hover overs are VERY choppy in IE while very smooth in everything else.
Any ideas???

Here's the URL: http://tinyurl.com/9v9of

And here's my CSS:
img.left_nav_1 {background: transparent;}
a.left_nav_1 img {background : url(/images/rollovers_01.gif);}
a.left_nav_1:hover img {background :
url(/images/rollovers_01-over.gif);}

img.left_nav_2 {background: transparent;}
a.left_nav_2 img {background : url(/images/rollovers_02.gif);}
a.left_nav_2:hover img {background :
url(/images/rollovers_02-over.gif);}

img.left_nav_3 {background: transparent;}
a.left_nav_3 img {background : url(/images/rollovers_03.gif);}
a.left_nav_3:hover img {background :
url(/images/rollovers_03-over.gif);}

img.left_nav_4 {background: transparent;}
a.left_nav_4 img {background : url(/images/rollovers_04.gif);}
a.left_nav_4:hover img {background :
url(/images/rollovers_04-over.gif);}

img.left_nav_5 {background: transparent;}
a.left_nav_5 img {background : url(/images/rollovers_05.gif);}
a.left_nav_5:hover img {background :
url(/images/rollovers_05-over.gif);}

In IE it often doesn't revert back to the non-hover image when the
mouse is moved, and it's very sluggish. I don't have any javascript to
preload the images yet, but this shouldn't cause such sluggish
response.

Any ideas ??? Thanks,

Sam

Jul 21 '05 #1
3 4346

Alex wrote:
Hi all,

Thanks to Els from another post I got my CSS hover-overs working in IE,
Firefox, and about everything else I've tried. Problem is the CSS
hover overs are VERY choppy in IE while very smooth in everything else.
Any ideas???

Sam


Use one image for both states and change the background-position on hover.

Regards,
Jasper

--

Jasper
http://browservulsel.blogspot.com/
Jul 21 '05 #2
Also sprach Jasper de Vries:
Use one image for both states and change the background-position on
hover.


I have noticed that, depending on cache settings (and version?) IE will
still get another copy of the image from the server, so that browser
spoils - again - an otherwise perfect solution :-(

Jul 21 '05 #3
have you tried to 'preload' rollover images in <body> tag?


"Alex" <sa*****@gmail.com> wrote in message
news:11**********************@g49g2000cwa.googlegr oups.com...
Hi all,

Thanks to Els from another post I got my CSS hover-overs working in IE,
Firefox, and about everything else I've tried. Problem is the CSS
hover overs are VERY choppy in IE while very smooth in everything else.
Any ideas???

Here's the URL: http://tinyurl.com/9v9of

And here's my CSS:
img.left_nav_1 {background: transparent;}
a.left_nav_1 img {background : url(/images/rollovers_01.gif);}
a.left_nav_1:hover img {background :
url(/images/rollovers_01-over.gif);}

img.left_nav_2 {background: transparent;}
a.left_nav_2 img {background : url(/images/rollovers_02.gif);}
a.left_nav_2:hover img {background :
url(/images/rollovers_02-over.gif);}

img.left_nav_3 {background: transparent;}
a.left_nav_3 img {background : url(/images/rollovers_03.gif);}
a.left_nav_3:hover img {background :
url(/images/rollovers_03-over.gif);}

img.left_nav_4 {background: transparent;}
a.left_nav_4 img {background : url(/images/rollovers_04.gif);}
a.left_nav_4:hover img {background :
url(/images/rollovers_04-over.gif);}

img.left_nav_5 {background: transparent;}
a.left_nav_5 img {background : url(/images/rollovers_05.gif);}
a.left_nav_5:hover img {background :
url(/images/rollovers_05-over.gif);}

In IE it often doesn't revert back to the non-hover image when the
mouse is moved, and it's very sluggish. I don't have any javascript to
preload the images yet, but this shouldn't cause such sluggish
response.

Any ideas ??? Thanks,

Sam

Jul 21 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by Khadim | last post: by
2 posts views Thread by JD | last post: by
reply views Thread by evan | last post: by
1 post views Thread by Bishman | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.