Welcome to WebmasterWorld Guest from 54.221.9.6

Forum Moderators: open

Message Too Old, No Replies

IE not capturing onMouseOver event in DIV

Using to hide drop-down menus

     
7:05 am on Jul 26, 2004 (gmt 0)

New User

10+ Year Member

joined:July 20, 2004
posts:22
votes: 0


I have drop-down menus on my site. I have several hidden DIVs in place to close the menus onMouseOver. This works perfectly in Mozilla, Firefox, and Opera. Apparently IE will only consistently acknowledge the event under two conditions: 1.) an image is used to fill the entire hidden layer or 2.) the mouse is moved over the border.

The former would be fine except it makes the menus behave VERY slowly in Firefox, Mozilla, and Netscape (not to mention some strange shifting behavior). The latter would be fine as well except the layers are meant to be transparent. Also the border has to be 10-15px for IE to consistently acknowledge the event.

Does anyone have any ideas as to how I might be able to solve this? I'm using a function from Projectseven.com called P7_autoLayers() to handle displaying/hiding the layers. I've already tried using pure CSS menus but those don't work in IE either. Speed for these menus is critical since most of the navigation on the site is done using these menus.

Thanks!

Example:

<div id="top_closer" onMouseOver="P7_autoLayers(0)">&nbsp;</div>
7:51 am on July 26, 2004 (gmt 0)

New User

10+ Year Member

joined:July 20, 2004
posts:22
votes: 0


Nevermind. I found a fix. All I had to do is add a small (10x10) transparent background image to each closer DIV.

I don't know why I never thought of that before.

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members