[Solved] Cant get z-index to play nice.

[phaseform]

I’m working on a website here http://hascomp.net/2015/#noa
and I’ve just spent the last few hours trying to get my nav links to work properly. I’ve found that there is a layer which is obstructing my nav links so they flicker in and out of being links.
I’ve tried adding a z-index but that hasn’t worked, so far the only solution has been to lower the links down the page, which looks crappy.
Is there a way to get z-index to work in this instance or otherwise?!
The problem is that I have large text in the above div which is overlapping my navigation bar… :/

[Paulie_D]

z-index does not take effect unless the element has a position property of anything other than static.

Try setting position:relative and then using z-index.

[phaseform]

omg good sir, you deserve all the things! thank you!
Took about 10 seconds to fix what I’d spent a good few hrs on… ehh

[Author]

Posts