PDA

View Full Version : moving AnyLink CSS Menu v2.2 to top of images



crwffd
11-20-2009, 01:12 PM
1) Script Title: AnyLink CSS Menu v2.2

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm

3) Describe problem: I have got Ultimate Fade In Slideshow v2.0- running on the page as well and the drop downs I have created are appearing behind the images - is there a way of putting the drop downs on top?

Thanks

Clare

jscheuer1
11-21-2009, 02:29 PM
Raise the z-index for the three selectors that have them in the anylinkcssmenu.css file. These occur (with suggested changes shown) here:


.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 10000; /* zIndex should be greater than that of shadow's below */
background: lightyellow;
width: 200px; /* default width for menu */
}

here:


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 10000; /*zIndex should be greater than that of shadow's below*/
background: #DEFFCA;
}

and here:


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 9999; /*zIndex for shadow*/
background: black;
visibility: hidden;
}