header - h1 elements above div using z-index -


i tried place h1 element above div element using css property z-index, it's not working!

here's html:

<div id="header"> <div id="headerblock"> </div> <h1>this header text</h1> </div> 

the #headerblock has black surface including transparency. want h1 appearing above #headerblock. mentioned z-index property isn't working. have solution this? or @ least reason why it's not working?

thanks.

gotta have position on h1.

h1 {     position:relative;     z-index: 500; } 

http://jsfiddle.net/y9cthv8r/1/


Comments

Popular posts from this blog

Python Kivy ListView: How to delete selected ListItemButton? -

asp.net mvc 4 - A specified Include path is not valid. The EntityType '' does not declare a navigation property with the name '' -