Superimpose elements (negative margin)

WebAcappella FUSION allows elements to overflow vertically in relation to others, using certain CSS properties. This effect will only be visible in test mode and on publication.

After a few tries and with this tutorial, this principle will become natural to you and you won’t hesitate to use it to give your pages more life.

overflow an image onto a box

Here are two boxes with an image in the first box (red) and text in the second (blue).

../../../_images/1_two_boxes.png

First, I leave room in the second box (blue) with the high margin.

Select the image and apply a negative margin.

Then see the test result.

../../../_images/result.png

Warning

Negative margins are not displayed in the editor, but only in test and publication mode.

Tip

CSS negative margins comply with the official CSS specifications and are therefore valid on all current browsers.