View Full Version : ultimate fade-in slideshow is hiding split menu options

04-11-2013, 04:09 PM
1) Script Title: Ultimate Fade-in slideshow (v2.4)
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: I am using Split Menu Buttons on the site I am designing and they work fine. I have tried adding the Ultimate Fade-in slideshow as well and it show up. The only problem is that the menus open behind the slideshow. Is there a way to make them always show on top of the slideshow? I am fairly new to javascript so I don't know that much about it yet but am trying to learn. The page right now is only on my local machine so I don't have a url to post for the actual page. I have attached the page as a .txt file instead, hope it helps.


04-14-2013, 08:42 AM
Hard to say without actually seeing the page. But what I would try is, using a text only editor like NotePad, adding z-index to the positioned items in the splitmenubuttons.css file, additions highlighted, three places. Scroll the code block to make sure you see all three. (You will find this section near the end of the file):

.rightarrow:after{ /* CSS for right arrow inside splitdropdown */
content: '\25b8'; /* Add HTML entity based right arrow */
position: absolute;
z-index: 3000;
right: 5px;
font-size: 16px;
height: 100%;

/* ##### CSS for UL Drop Down Menus of script ###### */

ul.splitdropdown, ul.splitdropdown ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
z-index: 3000;
display: none;
left: 200px;
top: 0;
list-style: none;
background: white; /* background color of drop down */
border: 1px solid lightgray;
border-bottom-width: 0;
box-shadow: 0 0 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 0 0 8px #818181;
-moz-box-shadow: 0 0 8px #818181;

ul.splitdropdown li{
position: relative;
z-index: 3000;