У меня проблема, и я не могу понять, как это исправить. Я хочу, чтобы "красный ящик" оставался на вершине страницы в z-index 2, в то время как весь контент на фоне оставался на индексе 1, но каким-то образом этот код "сворачивал" слои. Если кто-то может мне помочь, я действительно ценю это. Извините за мой английский. Спасибо заранее.
<html>
<head>
<title></title>
<style type="text/css">
body { margin: 0; }
#container {
position: absolute;
float: right;
z-index: 1;
}
.left1 {
background-color: blue;
height: 50px;
width: 100%;
}
.left2 {
background-color: green;
height: 50px;
width: 100%;
}
#right {
background-color: red;
height: 300px;
width: 300px;
float:right;
z-index: 999999;
margin-top: 0px;
position: relative;
}
</style>
</head>
<body>
<div id="container"></div>
<div class="left1">LEFT BLUE</div>
<div class="left2">LEFT GREEN</div>
</div>
<div id="right">RIGHT RED</div>
</body>
</html>