Prev Demo
CSS3
>
Layers
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title> Layers </title> </head> <body> <p>Layers</p> <div style="background-color:red; width:300px; height:100px; position:relative; top:100px; left:80px; z-index:2">Layer2 </div> <div style="background-color:yellow; width:300px; height:100px; position:relative; top:50px; left:35px; z-index:1;">Layer3 </div> <div style="background-color:green; width:300px; height:100px; position:relative; top:-140px; left:120px; z-index:3;">Layer1 </div> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
