Bild über Text fixieren

00eraser00

Hi,

ich habe einen Div Container mit einem Bild und Text darin.

<div>
hier
hier
<img src="...">
hier
hier
</div>

Ich möchte nun, dass das Bild, welches als Banner fungiert, immer an der gleichen Stelle bleibt und der Text unter dem bild langscrollt, wenn man nach unten scrollt. Geht das? Habe bereits ein Hintergrund Image, daher würde ich das gern irgendwie in den image tag einbinden.

Danke schonmal für die Tipps.

Tobse

ähhm, du gibts dem img ne id und machst dann ne absolute position und dann fixed.

HTML

<html>
<head>
<style type="text/css">
#imgbanner {
position: fixed;
top: 50px;
left: 50px;
}
</style>
</head>
<body>
<div>
<a>TEXT</a>
<img src="link/zu/deinem/bild.jpg" id="imgbanner">
<a>TEXT</a>
</div>
</body>
</html>

Alles anzeigen

aber so verschwindet der Text hinter dem Bild, ne andere Möglichkeit gibts net.

Thonixx

Google: position: fixed...

Funktioniert aber nicht in allen Browsern zuverlässig.

Tags