Previous Thread
Next Thread
Print Thread
Rate Thread
Joined: May 2006
Posts: 1
Junior Member
Junior Member
Offline
Joined: May 2006
Posts: 1
I am using the :hover property from CSS for A links (since IE doesn't support other elements) to create mouse overs for a graphical menu. Firefox and Opera both currently display correctly and Internet Explorer appears to do so as well at first glance.

However, when the mouse is moved quickly, the mouse-out event appears to not trigger. The :hover graphic sticks. The following image demonstrates this:

http://img204.imageshack.us/img204/6646/mouseoverfailie5vf.gif

If anyone has any ideas on solving this problem please let me know. I'm NOT using any Javascript and I did try to make use of display: block;, but that didn't help.

***
Code

<!-- Background image for each tab. -->
<div class="tabs">

<!-- Encloses all graphics containing tab text. -->
<div class="tab_text">

<!-- Uses an empty pixel as the main image,
with the background changing on mouse over. -->
<a href="" class="tab_home">
<img src="_.gif" class="tab tab_home">
</a>
</div>
</div>
***
Code
/* Background image for the tab set. */
DIV.tabs {
width: 82px;
height: 396px;

position: absolute;
top: 96px;
left: 806px;
}

/* Div that encloses all the tab text images. */
DIV.tabs DIV.tab_text {
width: 41px;
height: 396px;

position: absolute;
top: 0px;
left: 0px;
}

/* Styles pertaining to all tab images. */
DIV.tabs A IMG.tab {
width: 28px;

position: relative;
left: 6px;
z-index: 6;
}

/* Style pertaining to the Home link. All others have the same type of code, just different sizing and images. */
DIV.tabs DIV.tab_text A.tab_home IMG.tab_home {
height: 63px;
top: 16px;

background-image: url('tab_text_home.gif');
}

/* Style on mouse-over of the Home link. */
DIV.tabs DIV.tab_text A.tab_home:hover IMG.tab_home {
background-image: url('tab_text_home_mo.gif');
}

Last edited by Ian Spence; 07/29/2006 8:41 AM.
Sponsored Links
Joined: Mar 2000
Posts: 21,079
Likes: 3
I type Like navaho
I type Like navaho
Joined: Mar 2000
Posts: 21,079
Likes: 3
They had to use javascript to get image hovers to work correctly in IE:

http://www.alistapart.com/articles/hybrid


- Allen wavey
- What Drives You?

Link Copied to Clipboard
Donate Today!
Donate via PayPal

Donate to UBBDev today to help aid in Operational, Server and Script Maintenance, and Development costs.

Please also see our parent organization VNC Web Services if you're in the need of a new UBB.threads Install or Upgrade, Site/Server Migrations, or Security and Coding Services.
Recommended Hosts
We have personally worked with and recommend the following Web Hosts:
Stable Host
bluehost
InterServer
Visit us on Facebook
Member Spotlight
JAISP
JAISP
PA
Posts: 449
Joined: February 2008
Forum Statistics
Forums63
Topics37,573
Posts293,925
Members13,849
Most Online5,166
Sep 15th, 2019
Today's Statistics
Currently Online
Topics Created
Posts Made
Users Online
Birthdays
Top Posters
AllenAyres 21,079
JoshPet 10,369
LK 7,394
Lord Dexter 6,708
Gizmo 5,833
Greg Hard 4,625
Top Posters(30 Days)
Top Likes Received
isaac 82
Gizmo 20
Brett 7
WebGuy 2
Morgan 2
Top Likes Received (30 Days)
None yet
The UBB.Developers Network (UBB.Dev/Threads.Dev) is ©2000-2024 VNC Web Services

 
Powered by UBB.threads™ PHP Forum Software 8.0.0
(Preview build 20221218)