Cascade Style Sheet Beispiel: (Alle Elemente von Cascading Stylesheets Level 2 erklärt)

z-index




<style type="text/css">
<!--
.bild1 { position: absolute; top: 100px; left: 100px; z-index:2 }
.bild2 { position: absolute; top: 120px; left: 140px; }
.bild3 { position: absolute; top: 160px; left: 180px; }
.bild4 { position: absolute; top: 350px; left: 100px; }
.bild5 { position: absolute; top: 370px; left: 140px; }
.bild6 { position: absolute; top: 410px; left: 180px; }
-->
</style>
</head>
<body>
<img src="../images/icons/bild.gif" width="50" height="50" class="bild1">
<img src="../images/icons/bild.gif" width="50" height="50" class="bild2">
<img src="../images/icons/bild.gif" width="50" height="50" class="bild3">
<img src="../images/icons/bild.gif" width="50" height="50" class="bild4">
<img src="../images/icons/bild.gif" width="50" height="50" class="bild5">
<img src="../images/icons/bild.gif" width="50" height="50" class="bild6">

Ein Service von css.talky.de

weitere Beispiele Talky Counter 08.09.2010 02:27:57