sovrapposizioni div

« Older   Newer »
  Share  
max_400_css
view post Posted on 17/11/2011, 22:15     +1   -1




Sovrapposizioni div

ghgh

scatole.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
 
Top
0 replies since 17/11/2011, 22:11   95 views
  Share