asked on

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?

Gary

Without a link impossible to answer

kdschool

ASKER

It is inside a firewall so you can see it. What if attach the code?

Gary

Save the page as Webpage Complete and attach

ASKER CERTIFIED SOLUTION

Dave Baldwin

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

kdschool

ASKER

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>

kdschool

ASKER

This solution helped me the most. Complex problem without seeing the code.