PDA

View Full Version : Drop down menu and rollover conflict



Jav
10-25-2011, 04:18 PM
1) Script Title: gradualfader.js and jqueryslidemenu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex11/gradualfader.htm &
http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/
3) Describe problem:
When using any browser other than IE to view www.wccns.com, the drop down menu conflicts with the image rollover script right below it, I've read a few things about z-index and why this happens, but I need to know where in the code I should make the adjustments. I', also calling the menu from another file.

Please let me know if you can help.

Thanks
Jav

azoomer
10-25-2011, 06:07 PM
in the jqueryslidemenu.css you could add the highlighted z-index


.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index: 100;
}

that seems to help (in firefox anyway)

Jav
10-25-2011, 07:09 PM
That was it, awesome!! Thank you sir, I appreciate your time.