Hi,

I cannot for the life of me get this to work. I have a custom module with a transparent area that floats on top of some things while I need the z-index of clickable areas to be on top of it. So I had it working correctly UNTIL I had to get this iframe bugger in there. And now the left or back arrow is not clickable because it is under the transparent part of the floating module.

I put it in a div.timeline for css.

prettygoodhost.com/tlc/about-us

Thanks,
Helen

Hi Helen,

I could be wrong but doesn't z-index need a position to work?

I can see changing the z-index does fix it but then the banner becomes an issue

Cheers
Paul

I was thinking putting it in a div would handle the z-index.... Didn't I put position: relative?

And yeah, the banner needs to live under that pesky triangle.

I think you need it on the parent element in the same place in the stack so needs to be on the wrap

I could be wrong on this and I'm not sure what implications it may have

#grid1wrap {
position: relative;
z-index: 20;
}

Cheers
Paul

That was it. Thanks Paul!

Good luck with the site

Cheers
Paul