Axel Richter: z-index funktioniert nicht

Beitrag lesen

SELF-Forum

z-index funktioniert nicht

Axel Richter
– Informationen zu den Bewertungsregeln

Hallo,

Daß z-index nur für positionierte Elemente gilt, ist Dir klar?
Sowas hatte ich befürchtet.
Aber ich bin doch sicherlich nicht der Einzige, der Design-Elemente hinter den Seiteninhalt haben will, das muss doch irgendwie gehen.

Ein Hintergrundbild mit Attachment fixed für den Body reicht nicht?

Ansonsten brauchst Du für Deinen Inhaltsbreich ein eigenes Quasi-Body-Element, welches in der Reihenfolge nach dem Background-Element mit position:fixed kommt und die Eigenschaft position:relative hat. Für Geckos reicht das. Opera möchte trotz eindeutiger Reihenfolge noch mit z-index nachgeholfen bekommen.

Bsp.:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
        "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>Titel</title>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
<style type="text/css">  
<!--  
#background {position:fixed; z-index:0; top:10px; width:100%; background-color:red;}  
#content {position:relative; z-index:1}  
-->  
</style>  
</head>  
<body>  
<div id="background">  
 <p>Background</p>  
</div>  
<div id="content">  
 <h1>Test</h1>  
 <p>Testtext</p>  
 <p style="height:1000px;">Testtext</p>  
</div>  
</body>  
</html>

Dass der IE aber bis Version 6 nichts mit position:fixed anfangen kann, hast Du schon bemerkt?

viele Grüße

Axel

Beitrag melden
–
Informationen zu den Bewertungsregeln