Sobrepor elementos (margem negativa)

O WebAcappella FUSION permite que os elementos transbordem verticalmente em relação a outros usando determinadas propriedades CSS. Esse efeito só será visível no modo de teste e na publicação.

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

transbordar uma imagem para uma caixa

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

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

Primeiro, deixo algum espaço na segunda caixa (azul) com a margem alta.

Selecione a imagem e aplique uma margem negativa.

Em seguida, veja os resultados do teste.

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

Aviso

As margens negativas não são exibidas no editor, mas somente no modo de teste e publicação.

Dica

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