Search code examples
cssz-index

Z-index Won't Work

Possible Duplicate:
Css z-index problem

I have an issue where one image is infront of another and z-index doesnt seem to change it. I am trying to make it so the logo is on top of the gray bars image.

http://jsfiddle.net/vzPUw/

Can anyone explain to me why this is not working?

Solution

  • z-index only works with position : relative/absolute/fixed so give position:relative to your logo.

    http://jsfiddle.net/vzPUw/1/

    Updated

    http://jsfiddle.net/vzPUw/3/

    In this, I changed in the markup because we never put block element inside an inline element. <a> is an inline element & h1 is a block element.