Fullscreen background image thats clickable

[eagleworks]

Hey everyone, always read css-tricks,never thought to post before for assistance.

The issue

I’m using jQuery supersized for a full screen background image, which will be a clickable advert. Above the main content in the markup, I’m using a anchor tag, position fixed, z-index of -1, display block, and height/width 100%. All that works perfectly, problem is when the z-index is applied the “clickable-ness” of that anchor tag vanishes.

Anyone got any ideas? I could use 2 anchor tags, positioned absolute of the main content and push them out to each side, however I’m not sure how this effect is usually applied.

Any help will be greatly appreciated

Thanks

Chris

[eagleworks]

Solved

Z-index of 1 for the anchor, and above for the content wrapper, neg values seem to break easily.

[Author]

Posts