z-index problem with web page how to solve this

I have a jquery menu that drops down over a static image working perfectly.  Then I had to convert the image to another jquery that is called cycle 2 where the image replaces itself with another image.  After adding that the menu displays behind it instead of infront of the picture.  The image is in a div tag named <div class="grid_12">.  I tried adding the zindex: 1; to this and that did not fix it.  Tried modifying div tags menu was in also same thing.  Can someone tell me how to fix this?
kdschoolAsked:
Who is Participating?
 
Dave BaldwinFixer of ProblemsCommented:
"zindex: 1;" is essentially what 'normal' content is.  Most overlays are declared to be 99 or 999.  Also, 'zindex' only works on 'positioned' elements even if the 'position' is relative.  It does have to be declared for 'zindex' to work.
0
 
GaryCommented:
Without a link impossible to answer
0
 
kdschoolAuthor Commented:
It is inside a firewall so you can see it.  What if attach the code?
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
GaryCommented:
Save the page as Webpage Complete and attach
0
 
kdschoolAuthor Commented:
It is weird but  I had to create a new class that wraps around the rotating images and assigning that to the z-index 1;  It made the images go behind the menu again.  Weird as I was trying to put the z-index on the menu and that was not working.  So much for jquery.  Anyway just wanted to put this out there since it seems to be working opposite of what I thought it should be.  Thanks for your help.
 
CSS
.cycle-slideshow {z-index:1;}
source code
<div class="cycle-slideshow">
           <img src="/NewSiteFiles2/images/courier.jpg">
          <img src="/NewSiteFiles2/images/sax.jpg">
          <img src="/NewSiteFiles2/images/sax2.jpg">
      </div>
0
 
kdschoolAuthor Commented:
This solution helped me the most.  Complex problem without seeing the code.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.