Ho un problema e non riesco a capire come correggere questo. Quello che voglio è che la "casella rossa" rimanga in cima alla pagina in uno z-index 2, mentre tutto il contenuto sullo sfondo rimane sull'indice 1 ma in qualche modo questo codice sta "comprimendo" i livelli. Se qualcuno può aiutarmi, lo apprezzo davvero. Mi scusi per il mio inglese. Grazie in anticipo.Come "z-index" per creare un menu sempre in cima al contenuto
<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>
Penso che avrai bisogno di condividere alcuni html per aiutarci ad aiutarti ... probabilmente non hai bisogno di z-index per farlo. puoi usare il posizionamento relativo e assoluto ... e guardando al tuo esempio css, temo che forse non capisci bene come usare correttamente il posizionamento relativo e assoluto. Non che io ne sappia molto;) – rafaelbiten
Ha funzionato! Perfezionare. Ci ho già provato, ma non lo cambio in "assoluto". Grazie mille! – rmz
extra end tag di div nel tuo codice HTML – adedoy