PDA

View Full Version : Ultimate Fade-In Slideshow v2.4 clashing with menu script



jcdev
04-01-2011, 09:05 AM
1) Script Title: Ultimate Fade-In Slideshow v2.4 clashing with menu script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: just installed the image slider on a page but it is now clashing with the menu dropdown boxes in every browser except IE.

this only happens on the related page but is fine elsewhere on the site - http://www.wolfrace.co.uk/main.php - if you hover over the menu items, you will see that the dropdown box of further menu items appears behind the image slider. compare that to IE, and the menu operates fine. so i am guessing there is a conflict with the jquery libraries used for the menu and the image slider.

my dilemma is that i have taken over this design recently and therefore did not design the menu and am not totally clear how it was built!

i am fairly new to java so dont have the knowledge to fix it! any help would be greatly appreciated! many thanks,

azoomer
04-01-2011, 10:59 AM
increasing the z-index of the drop downs in the menu should do the trick


div#navigation ul:hover {
z-index: 2000;
}

jcdev
04-01-2011, 11:11 AM
excellant, thank you very much, all sorted and i learnt something new!

Subztx
04-20-2011, 08:39 PM
Thanks so much azoomer! That is huge. I have been using this script awhile and it looks like an update recently from Firefox and Google Chrome caused that to happen, because my drop downs used to work fine with this script til recently then all of the sudden on all of my pages the dropdowns were appearing behind the image rotator on anything but AOL and IE.