I have a CSS dropdown that is giving me problems (unfortunately it's only in a dev environment so I can't give you a way to "see" it for yourself).

Basically, I have a UL/LI/A tree. I also have a UL/LI/A dropdown menu above the tree, When I hover, the drop down menu appears correctly, and will stay in place as I mouse my cursor down over the menu items.

However, if my cursor mouses over an < a > tag that is sitting in the background (behind the dropdown) it apparently will still receive a "hover". As a result, the dropdown disappears.

I have tested and tested, and confirmed that it only happens when my cursor mouses over an anchor that is behind the dropdown (even though you can't SEE the anchor).

Anyone know a fix for it?

2 answers

0
points

Is it possible to include the html for your menu and dropdowns as well as the CSS that is applied to it? Also, what type of dropdowns are you using? This information would be helpful for me to give you an accurate answer.

You may want to try http://css-tricks.com/simple-jquery-dropdowns/ <-- this is the easiest dropdown menu to install and style that I've come across.

If you don't end up using those, just paste some of your code here, and I'll see what I can do!

Good luck!

Answered over 8 years ago by Jared Tomeck
0
points

I'll see what I can put together. Our HTML is generated via .NET code, so it's a bit more difficult to get you running examples.

One thing to mention: My dropdown isn't Javascript based. It's CSS based only (hover). My intent is to avoid js simply because people can have it disabled, and I'd rather give a uniform experience.

I can write the JS myself, or use JQuery (I'm extremely familiar with it)... however, my issue is with the CSS response to my hover command, not with JS.

IE7 is the only problem (we no longer support IE6). All other browsers we support are working properly, so I'm simply dealing with IE7 frustrations.

Anyway, let me see what I can do.

Supported Browsers: IE7, IE8, FF 3.0, FF 3.5, FF 3.6, Safari (all platforms and webkit versions 5.28+), Chrome (all Versions)

Answered over 8 years ago by David Wilson