According to the standard, iirc, z-index does not work on anything but
positioned elements. This means you have to add either position:relative
to both rules, or position:absolute. When position is static (that is
not specified) the z-order is defined by the document order, so last
element on top.
Michiel
Bruce Gilbert wrote:
On a page I am working on, I am trying to get a background image for a
search bar to overlap and appear in front of another background image.
I am not sure if this is even possible, but I am trying to do it using
z-index to no avail.
the page url is:http://www.semlogic.com/new_version/template.htm
and the relevent CSS is
#header {
margin:0;
padding:0;
width:780px;
height:142px;
background: url(../images/bkg_header.gif);
z-index:100;
}
#grey_bar{/*grey bar used below logo header*/
background:#c1c1c1 url(../images/search_bkg.gif) top right no-repeat;
width:100%;
height:auto;
z-index:1;
}
the grey bar has a background positioned right which is the background
for the search bar and I want that to extend beyond (above) the
boundaries of the grey_bar div and appear in front of the image in the
header div.
hope this makes a little bit of sense.
the full css is at :
http://www.semlogic.com/new_version/css/style.css
any suggestions for accomplishing this is greatly appreciated!
thanks,
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/