using z-index?

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
Okay I found it and I tried it but it still didn't work like they said it
should in FF. It didn't work at all in IE but no surprise there :p

So I may not use it at all but I have a burning desire to know why it didn't
work though I followed the exact instructions found here (and well a few
other places too but they all pretty much said the same thing):

Basically I have a css positioned header that is an image, at first it was a
background but then I changed it to just an image and it still didn't work.

What I was trying to get done was to have the content scroll under the
header instead of having the header image scroll with the text off the page.
The only thing I did accomplish was to have the content scrolling over the
header and that was not good. :p

I wish I had more time, maybe a week or two, to just do nothing but get
several books and master CSS but I don't. :p

- Heidi

Re: using z-index?

Quoted text here. Click to load it

The definition given there is wrong. Consider this example:

        width: 100px;
        height: 100px;
        padding: 20px;
        position: relative;
    #red { z-index: 1; background-color: red }
    #green { z-index: 3; background-color: green }
    #blue { z-index: 2; background-color: blue }


    <div id="red">
        <div id="green">
    <div id="blue">

blue is stacked above green even though blue has z-index: 2 and green
has z-index: 3.

Quoted text here. Click to load it

Make sure you set it to position: relative, absolute, or fixed. Sounds
like you might be using fixed.

Quoted text here. Click to load it

I don't know why your example didn't work, post a URL and I may be able
to tell you.

Site Timeline