Надо сделать один div поверх другого, чтобы было наложение. У обоих есть фоновые изображения. HTML: <div id="1" class="kaska"> </div> <div id="1" class="fon">Разделы сайта </div> [css] .fon { background:url(img/fon.jpg) no-repeat; height:35px; line-height:35px; z-index:1; } .kaska { background: url(img/kaska.jpg) no-repeat; z-index:2; } #1 { position:relative; } [/css] А они располагаются один ниже другого, то есть наложения не происходит
http://s43.radikal.ru/i100/1009/d4/0d793d9e752a.jpg Вот каска она в верхнем диве у меня, должна быть сверху всего остального
Не суть! Сделал так: [css].fon { background:url(img/razdeli.jpg) no-repeat; height:35px; line-height:35px; z-index:1; position:relative; } .kaska { background: url(img/kaska.jpg) no-repeat; z-index:2; height:35px; line-height:35px; position:relative; } [/css] #1 удалил вообще. и ситуация не изхменилась
запихай их внутрь дива и сделай им position='absolute'. релэйтив как раз делает то, что тебе не нужно.
фух костноязыкий автор. =) абсолют - единственное решение, если конечно, один должен выходить за границы другого.
HTML: <div id="1" class="kaska"><img src="img/kaska.jpg"></div> <div id="1" class="fon">Разделы сайта </div> [css] .fon { background:url(img/razdeli.jpg) no-repeat; height:35px; line-height:35px; } .kaska { z-index:2; height:35px; line-height:35px; position:absolute; } [/css] думаю, что-то типа такого. а вообще эта тема про хтмл, а не про пхп.