Z-index issue

  • ThorHammer

    (@thorhammer)


    16 years, 4 months ago

    Hi, I am working on a new theme. I use a big background image for it all. Then, in the header, I use a background image spanning the entire theme width, the image is clickable for “home”.
    In the right corner of this image, I want to have a 468 ad rotating space.
    But, the ads get behind the background logo image… I have tried to z-index the ads <div> up, but it doesn’t work. it’s still behind.. So right now I am a bit stuck. Any advice?

Viewing 3 replies - 1 through 3 (of 3 total)
  • carolineh

    (@carolineh)

    16 years, 4 months ago

    Hey, I had this trouble a while back, and from what I remember I added this code into the object tag, assuming your object is flash,

    <param name="wmode" value="transparent">

    Give it a try, it seemed to work for me, but let me know how you get on.

    Mark Ratledge

    (@songdogtech)

    16 years, 4 months ago

    Any z-index element must be postioned. Good explanation of z-index: Overlapping And Z Index – css-discuss.

    Thread Starter ThorHammer

    (@thorhammer)

    16 years, 4 months ago

    Hello both!
    Thanks for your replies! I solved the issue after adjusting the overflow and z-index in the style; i.e, I gave the banner div a z-value of 10, and the background image a value of 1.

    The banner inherited the position in relation to the relative wrapper surrounding both of them. Then it worked like a charm!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Z-index issue’ is closed to new replies.