Elemente überlagern (negativer Rand)

WebAcappella FUSION ermöglicht es, Elemente mithilfe bestimmter CSS-Eigenschaften vertikal über andere Elemente hinausragen zu lassen. Dieser Effekt ist nur im Testmodus und bei der Veröffentlichung sichtbar.

Nach einigen Versuchen und mit diesem Tutorial wird Ihnen dieses Prinzip in Fleisch und Blut übergehen und Sie werden nicht zögern, es zu verwenden, um Ihren Seiten mehr Leben zu verleihen.

ein Bild auf eine Box überlaufen lassen

Hier sind zwei Boxen mit einem Bild in der ersten Box (rot) und Text in der zweiten Box (blau).

Ich lasse zunächst Platz in der zweiten Box (blau) mit dem hohen Rand.

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

Sehen Sie sich dann das Ergebnis in einem Test an.

Warnung

Die Visualisierung negativer Ränder wird im Editor nicht angewendet, sondern nur im Test und bei der Veröffentlichung.

Tipp

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