'z-index' Example : z index « CSS Attributes and Javascript Style Properties « HTML CSS Reference






  1. HTML CSS Reference
  2. CSS Attributes and Javascript Style Properties
  3. z index

'z-index' Example



<html>
<body>    
<div id="myDiv" 
     style="position:absolute; 
            left:100px; 
            top:50px; 
            width:100px; 
            height:50px; 
            z-index:1; 
            background-color:red;">
This div is absolute positioned with an z-index of 1.
</div>
<div style="position:absolute; 
            left:100px; 
            top:50px; 
            z-index:12; 
            height:50; 
            background-color:blue;">
This is a div element with a z-index of 12.
</div>
<button onclick="myDiv.style.zIndex = 20;">
Bring red to front
</button>
</body>
</html>








Related examples in the same category

1.'z-index' Syntax and Note
2.'z-index' Possible Values
3.'z-index' is applied to