| | |
| | |
| max_400_css |
| | Sovrapposizioni divscatole.css HTML #box1{ position: absolute; top: 0px; left: 8px; width: 300px; background-color:#FF9; border: 2px solid #936; z-index:1; }
#box2{ position: relative; top: 50px; left: 0px; width: 300px; background-color:#0CF; border: 2px solid #936; z-index:2; }
#box3{ position: relative; top: -50px; left: 0px; width: 300px; background-color:#CCC; border: 2px solid #936; z-index:3; } esempio.html HTML <head> <link href="scatole.css" rel="stylesheet" type="text/css" /> </head>
<body>
<div id="box1"> GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO GIALLO </div>
<div id="box2"> BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU </div>
<div id="box3"> GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO GRIGIO </div>
</body> .... CODICE http://max400.netne.net/scaletta-div-senza-sovrapposizione.html senza sovrapposizione CODICE http://max400.netne.net/scaletta-div-css-z-index-position.html con sovrapposizione
| | |
| |
|
| 0 replies since 17/11/2011, 22:11 95 views |
| |
| | |