Слои не верно отображается на Internet Explorer
Слои должны отображаться друг на друге,во всех браузерах так и происходит кроме Internet Explorer,он их отображает друг за другом(
<html>
<head>
<meta content="text/html; charset=windows-1251" http-equiv=Content-Type>
<head>
<title></title>
<style type="text/css">
#layer1 {
z-index: 1; /* Порядок слоев */
width: 100%; /* Ширина слоя с фоном */
height: 100%; /* Высота слоя с фоном */
position: fixed; /* Абсолютное позиционирование */
left: 0; /* Положение от левого края окна */
top: 0; /* Положение от верхнего края */
}
#layer2 {
position: absolute; /* Абсолютное позиционирование */
z-index: 2; /* Порядок слоев */
}
#layer3 {
left: 0; /* Положение от левого края окна */
top: 0; /* Положение от верхнего края */
position: fixed; /* Абсолютное позиционирование */
z-index: 3; /* Порядок слоев */
}
#layer4 {
right: 10; /* Положение от левого края окна */
top: 100; /* Положение от верхнего края */
position: fixed; /* Абсолютное позиционирование */
z-index: 3; /* Порядок слоев */
}
</style>
</head>
<body>
<div id="layer3">
<img src="Baner1.gif" width="100%" alt="">
</div>
<div id="layer4">
<img src="Anketa_Phone.GIF" width="200" alt="">
</div>
<div id="layer1">
<img src="content.gif" width="100%" alt="">
</div>
<div id="layer2">
<br><br><br><br><br>
<br />
<img src="b11.png"> <img src="22.png"> <img src="33.png"> <img src="44.png"> <img src="55.png"><br>
<p>
Для оценки используется 5-ти бальная шкала. В анкете Вы можете ставить любую оценку от 1 до 5.
Не имеет значения, что <br> по нескольким факторам оценки могут быть одинаковые. Ниже приведен
ключ по выставлению оценок:<br>
1 – абсолютно не удовлетвор(-ен/ена); <br>
5 – полностью удовлетвор(-ен/ена);
</p>
</div>
</body>
</html>
|