nicht angemeldet
Layer unter normalen Body legen (z-index)?
Hallo!
Ich möchte gerne eine Grafik unter dem Text positionieren. Weil die Grafik möglichst klein sein soll (Dateigröße) und sie nicht Kacheln darf, möchte ich das nicht als bgimage, sondern in einem layer (div) machen.
Also vereinfacht etwa so:
<html>
<head>
<style type="text/css">
#hintergrund {position: absolute;
z-index: -100;
top: 1;
left: 1;}
</style>
</head>
<body>
<div id="hintergrund"><img src="meinbild.gif"></div>
Hier steht der wunderbare nhalt der Seite
</body>
</html>
Ich habe es in dieser Form ausprobert. Leider wird das Bild, das eigentlich unter dem Body-Text liegen soll, auf Netscape 4.6 darüber angezeigt. Beim IE ist alles in Ordnung.
Kann mir das jemand erklären? Was mache ich falsch? Danke!
Marian
-
Tja, inzwischen habe ich eine Lösung gefunden... oder nennen wir es Workaround. Stefan hat diese Methode vor einiger Zeit im bereits im Forum gegeben.
Man kann um den gesamten Body-Inhalt ein <ilayer> legen und diesem einen bestimmten z-index geben. Also:
<body>
<ilayer style="z-index: 1;">
Hier steht der Inhalt
</ilayer>
<div style="position: absolute; z-index: -5;">
Hier der Hintergrund-Layer
</div>
</body>-
Hallo Marian!
zu z-index: <../../sfarchiv/1999_3/t05576.htm#a26819>
»»Man kann um den gesamten Body-Inhalt ein <ilayer> legen und diesem einen bestimmten z-index geben
Nich nötig:
body {
background-image:url(bild.gif);
background-repeat:no-repeat;
}Grüße
Thomas
-