Question

I am trying to create a semi transparent div & write text on top of that.

So I have create a parent tag with position relative.
Having one child span with transparency set .body-content-background
and another child that has all the text content menu-bar

I have set the z-index of parent div as -999
background child div as -9
and text div child as 1

But still the <a> links in text div are not clickable.. ( or the white semi transparent div) doesn’t appear)

http://jsfiddle.net/GauravMShah/MHhNG/

can someone tell me where I am wrong ?

Answer 1

Is this what you were aiming for?
http://jsfiddle.net/MHhNG/1/

I’ve changed your z-index values around, so the background is 0, transparent div is 1 and links are 2 (I had to add this in and give them position: relative).

You probably want to change them again to have more spaced out values incase you need to fit other things inbetween them (eg 10, 20, 30).