CodeAve.com CodeAve.com - CSS - Miscellaneous
ASP
JavaScript
CSS
·Basics
·Page Display
·Text Display
·Script Writers
·Contents
·What's New?
HTML
Maps
Links
Mail List
Search
Sitemap


 


Layers
Layers in CSS allow for the placing of items within the same space, and allows you to control which item will appear on top. In this example there are two images, the CodeAve.com logo and a light red image. Both images are absolutely positioned for the same space within the browser (The same X and Y coordinates). The difference is there z coordinate value. The higher the z value the closer to the top of the stack that item will become.
View the Output
Text View
Print View
Mail this Link
Download the Code

<html>
<title>CodeAve.com/CSS - Layers</title>

<body bgcolor="#FFFFFF">

<img style="position: absolute; top: 100px; left: 100px; z-index: 2;" 
src="images/codeave-logo.gif">

<img style="position: absolute; top: 100px; left: 100px; z-index: 1; width: 125; height: 60;" 
src="images/ltred.jpg" >

</body>
</html>

 

 

 



ASP: What's New? | Articles | Script Writers | Database Display | Read/Write
Server Variables | Response Objects | Random Events | Miscellaneous
HTML: Forms | Hyperlinks | Headers | Tables | Hyperlinks | Headers | Text Display
JavaScript: Document Info | Forms | Images | Navigation | Script Writers
CSS: Basics | Page Display | Text Display | Script Writers | Miscellaneous
Maps: Map Script Writers | Bing Maps | Google Maps
Privacy Statement

CodeAve.com is hosted by MyHosting.com
Donate Food Online with a Mouse Click at TheHungerSite.com
Donate Land Online with a Mouse Click at TheRainForestSite.com
© 1999 - 2010 CodeAve.com
All Rights Reserved