Elementos sobrepostos (margem negativa)

WebAcappella FUSION permite que os elementos transbordem verticalmente em relação a outros usando certas propriedades do CSS.

Este efeito só aparecerá em testes e publicações.

Após algumas tentativas e este tutorial, este princípio se tornará natural e você não hesitará em usá-lo para dar mais vida a suas páginas.

Transbordamento de uma imagem para uma caixa

Aqui estão 2 caixas com uma imagem na primeira caixa (vermelha) e um texto na segunda (azul).

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

Eu primeiro deixo espaço na segunda caixa (azul) com a margem alta

../../../_images/top_inner_margin.png
../../../_images/2_two_boxes.png

Selecione a imagem e aplique uma margem negativa*

../../../_images/apply_negative_margin.png

Então veja o resultado no teste

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

Aviso

A visão negativa da margem não se aplica no editor, mas somente em testes e publicações.

Dica

As margens negativas no CSS estão de acordo com as especificações oficiais do CSS e, portanto, são válidas em todos os navegadores atuais.