Bruce, If I'm not mistaken, and I'm sure someone will correct me if I'm wrong, z index only works with absolute positioning, and not with background images.
Kind regards, Mario > Hello group. > > 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, > > > -- > ::Bruce:: > ****************************************************** > The discussion list for http://webstandardsgroup.org/ > > See http://webstandardsgroup.org/mail/guidelines.cfm > for some hints on posting to the list & getting help > ****************************************************** ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
