Elemente überlagern (negativer Rand)

Mit WebAcappella FUSION können Sie Elemente mithilfe bestimmter CSS-Eigenschaften vertikal über andere Elemente hinausragen lassen. Dieser Effekt ist nur im Testmodus und bei der Veröffentlichung sichtbar.

Nach einigen Versuchen und mit Hilfe dieses Tutorials wird Ihnen dieses Prinzip in Fleisch und Blut übergehen und Sie werden es ohne zu zögern einsetzen, um Ihren Seiten mehr Leben einzuhauchen.

Ein Bild über eine Box hinausragen lassen

Hier sind zwei Boxen, wobei die erste Box (rot) ein Bild und die zweite Box (blau) Text enthält.

Zuerst lasse ich Platz in der zweiten Box (blau) mit dem oberen Rand.

Wählen Sie das Bild aus und wenden Sie einen negativen Rand an.

Sehen Sie sich anschließend das Ergebnis im Test an.

Die Anzeige negativer Ränder gilt nicht im Editor, sondern nur im Testmodus und bei der Veröffentlichung.

Negative Ränder in CSS entsprechen den offiziellen CSS-Spezifikationen und sind daher in allen aktuellen Browsern gültig.