[Delta 38]

Hi, ich habe folgende Frage:
Wie kann ich mit CSS, ein Image in den Vordergrund holen
Ich meine z.B., bei einer Bildergalerie, das man mit dem Mauszeiger über ein Bild fährt und dieses dann vergrößert dargestellt wird, dieses vergrößerte Bild jedoch den Text, etc. überlappt?

Hab das vergrößern schon:
CSS

.grow_img
{
     width: 128;
     height: 128;
}

.grow img:hover
{
     width: 512;
     height: 512;
}

Html

<div class="grow"><img src="images\image.jpg" class="grow_img"></div

Wie gesagt, wenn ich jetzt mit der Maus über das Bild fahre, wird es schön vergrößert, verändert jedoch auch den darunterliegenden Text (es überlappt ihn halt nicht)

Ich hoffe ich konnte meine Frage verständlich machen

[Satans Krümelmonster]

du solltest die bilder absolut positionieren.

also in die css-datei folgendes reinschreiben:

.grow
{
     width: 128;
     height: 128;
}

img:hover < .grow
{
     width: 512;
     height: 512;
     position absolute
}

ich habs nicht getestet, aber es müsste funktionieren.

[Delta 38]

Ah, ja danke, genau das hab ich gesucht!