hier der Inhalt der HTML-Datei:
<html>
<head>
<link rel="stylesheet" type="text/css" href="haupt.css">
</head>
<body>
<h1>Viel Text</h1>
Ganz viel Text, damit man den unerwunschten Effekt beim scrolen sieht.<br>
Ganz viel Text, damit man den unerwunschten Effekt beim scrolen sieht.<br>Ganz viel Text, damit man den unerwunschten Effekt beim scrolen sieht.<br>Ganz viel Text, damit man den unerwunschten Effekt beim scrolen sieht.<br>Ganz viel Text, damit man den unerwunschten Effekt beim scrolen sieht.<br>Ganz viel Text, damit man den unerwunschten Effekt beim scrolen sieht.<br>Ganz viel Text, damit man den unerwunschten Effekt beim scrolen sieht.<br>Ganz viel Text, damit man den unerwunschten Effekt beim scrolen sieht.<br>Ganz viel Text, damit man den unerwunschten Effekt beim scrolen sieht.<br>Ganz viel Text, damit man den unerwunschten Effekt beim scrolen sieht.<br>Ganz viel Text, damit man den unerwunschten Effekt beim scrolen sieht.<br>Ganz viel Text, damit man den unerwunschten Effekt beim scrolen sieht.<br>Ganz viel Text, damit man den unerwunschten Effekt beim scrolen sieht.<br>Ganz viel Text, damit man den unerwunschten Effekt beim scrolen sieht.<br>Ganz viel Text, damit man den unerwunschten Effekt beim scrolen sieht.<br>
<img src="streifen.gif" class="back">
</body>
</html>
Ende der Datei
Die CSS-Datei:
body {margin-left:30px;
margin-right:5px;
color:#00;
font-family:arial;
font-size:100%;
font-weight:bold;
background-color:#FBFAF1;
background-image:url(../etc/verlaufl.gif);
background-repeat:repeat-y;
background-position:right;}
img {border:0;}
h1,h2 {margin:0%;
margin-left:-10px;
display:block;}
h1 {font-size:200%;
margin-bottom:20px;}
h2 {font-size:130%;
text-decoration:underline;
margin-top:10px;
margin-bottom:3px;}
.back {position:absolute;
left:0%;
bottom:0%;
z-index:-1;}
Ich habe auch schon probiert die z-index Eigenschaft zu änder,aber das Bild wird dann über den Text gesetzt auch bein ander Browsern.
Nachtrag: Netscap zeigt das Bild auch nicht an.