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

Home
HTML CSS Reference
1.CSS Attributes and Javascript Style Properties
2.HTML Attributes Reference
3.HTML Tag Reference
HTML CSS Reference » CSS Attributes and Javascript Style Properties » 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
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.