CodeAve.com/CSS

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

<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>