Wie überlagern Sie Bilder ohne Verwendung der Position: absolut?

9

Ich suche nach der richtigen CSS-Methode, um div von Bildern über ein anderes div von Bildern (kein Hintergrundbild) zu überlagern, ohne position:absolute zu verwenden. Weiß jemand, wie man das macht?

    
Sean Lee 13.09.2011, 21:21
quelle

2 Antworten

3

Ссылка

Sie können Elemente mit einem negativen Rand überlagern / überlappen. Beispiel:

%Vor%

Dies verschiebt das Element b nach links 10px und überlagert das, was sich links davon befindet (vorausgesetzt, es handelt sich um eine Anzeige: Blocktyp-Element, kein Inline-Element wie ein Bereich).

    
Michael Jasper 13.09.2011 21:32
quelle
2

position: absolute ist nicht "unpassend" - es ist Teil der CSS-Spezifikation! Es gibt keine andere Möglichkeit, Elemente über andere Elemente zu setzen, es sei denn, Sie verwenden position: relative oder einige float -Eigenschaften.

position: absolute ist der einfachste Weg, dies zu tun. Was lässt dich denken, dass es eine schlechte Idee ist?

Die einzige andere Lösung besteht darin, ein Bild in einem div mit einem Hintergrund zu verwenden:

%Vor%

Gib dann div ein background-image :

%Vor%

Für mehrere Bilder würde ich jedoch definitiv bei position: absolute bleiben.

Es gibt ein sehr Glitchy-Demo hier , das den Effekt demonstriert.

    
Bojangles 13.09.2011 21:23
quelle

Tags und Links