Skip to content

Instantly share code, notes, and snippets.

@CodeWizardGenius

CodeWizardGenius/z-index

Created October 11, 2020 17:12
Show Gist options
  • Save CodeWizardGenius/dc199cb9916a26f36686b9683d53f53b to your computer and use it in GitHub Desktop.
Save CodeWizardGenius/dc199cb9916a26f36686b9683d53f53b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
z-index
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
div{
position:absolute;
width:150px;
height:150px;
}
div.bir {
background: #FEB3BE;
border:2px solid #CC8B94;
top: 0;
left: 0;
z-index: 3
}
div.iki {
background: #E5ECF9;
border:2px solid #BCCCEB;
top: 10px;
left: 10px;
z-index: 2
}
div.uc{
background: #000;
border:2px solid #BCCCEB;
top: 20px;
left: 20px;
z-index: 1
}
</style>
</head>
<div class="bir" ></div>
<div class="iki" ></div>
<div class="uc"></div>
<body>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment