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

Alex

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

Subscribe Reply

4486

Jasper de Vries

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

Thomas Mlynarczyk

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

spool

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

Similar topics

785

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

by: Alex | last post by:

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...

HTML / CSS

1381

How to make a note show when the mouse hovers

by: Just Me | last post by:

I want to make a small window popup when the mouse hovers. I've looked in the Help but can't find any info (probably can't think of a good keyword) Are ToolTips control used for that? Any...

Visual Basic .NET

2423

ReDrawing of Bitmap is not smooth :(

by: Khadim | last post by:

Friends, The problem I am facing is that when my form resizes or is loaded (invalidated), the background image of my form (which i have drawn through GDI+ and also by putting a picture box on...

C# / C Sharp

3969

smooth images from webcam

by: JD | last post by:

Hello, I have webcams, and I want to display the images (jpg) from the cameras on a webpage, refreshed continuously. For a smooth transition I found a script that utilises double buffering....

Javascript

1399

Smooth scrolling a listbox

by: evan | last post by:

Hi, Pleeeeeaaaassseee help. I have spent literally days looking for a solution to this problem but cannot find the solution. Does anyone know how to smooth scroll a listbox? I can scroll using...

Visual Basic .NET

7312

Smooth Scrolling Text using GDI+

by: Bishman | last post by:

Hi, I have been trying to get text to scroll smoothly accross a windows form using GDI+ and a timer. Changing the position of the text by a configurable amount and calling invalidate to force a...

C# / C Sharp

3091

smooth scrolling of div element

by: tromton | last post by:

heello, i havee one div element in my site with several anchors, that i link to. to change from anchor to another id like to have a smooth scrolling effect. all the smooth scrolling effects i...

Javascript

6554

VB.NET: Create a smooth auto scrollbar when using C1.FlexGrid

by: VietPP | last post by:

Hi all, I'm using ComponentOne FlexGrid for VB.NET to display my data. To create a auto scrollbar using a timer object as: Private Sub Timer1_Tick(ByVal sender As System.Object, ByVal e As...

.NET Framework

7119

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

7157

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

6873

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

7367

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

5453

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

4889

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

3088

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

3078

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

285

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

General