<!DOCTYPE html> <html> <head> <style type="text/css"> .front { width:150px; height:150px; background:green; position: relative; top:10px; left:130px; z-index:2; } .back { width:150px; height:150px; background:red; position: relative; top:-120px; left:30px; z-index:1; } </style> </head> <body> <h1>Z-Index Example</h1> <div class="front"><p>Front Div</p></div> <div class="back"><p>Back Div</p></div> </body> </html>
Sorry, you need iframes to use Tryit Editor.
