Не получается с помощью z-index надвинуть матрешку на слой.
Наложение происходит только с доктайпом <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN">
А мне надо с таким <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">.
Помогите.
----------------------------------------------------------------------------------------------
Кстати в мозиле не накладывается даже с <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN">
Есть основания предположить что не в доктайпах дело.
И вопросик еще такой - а можно положить матрешку прямо на тело?
Вот такой кодик.
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN">
<html>
<head>
* *<title>Untitled</title>
* *<style>
* ** {
* * * *margin: 0;
* * * *padding: 0;
* * * *border: 1px solid white;
* * }
#X1_f {
* *background-repeat: repeat-x;
* *height: 240px;
* *overflow: hidden;
* *margin-left:140px;
* *margin-right:140px;
}
#X1_lg {
* *background-position: left;
* *background-repeat: no-repeat;
* *height: 240px;
* *overflow: hidden;
}
#X1_rg {
* *background-position: right;
* *background-repeat: no-repeat;
* *height: 170px;
* *padding-top: 70px;
* *text-align: center;
* *overflow: hidden;
}
#X1_r {
* *background-position: right;
* *background-repeat: no-repeat;
* *height: 240px;
* *overflow: hidden;
* *z-index:3;
* *position:relative;
* *top: -50;
}
</style>
</head>
<body bgcolor ="green">
<div style=" background-color:olive; color: navy; *position:relative; font-size:100px; z-index:2 ">Слой на который накладываем</div>
<div id="X1_r"><div id="X1_f"><div id="X1_lg"><div id="X1_rg">
*<font face ="Franklin Gothic Medium" >
* * Это матрешка
</font>
</div></div></div></div>
</body>
</html>