Sobrepor elementos (margem negativa)

O WebAcappella FUSION permite que os elementos se sobreponham verticalmente em relação a outros usando certas 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.

Fazer uma imagem transbordar para fora de uma caixa

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

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

Selecione a imagem e aplique uma margem negativa.

Em seguida, veja o resultado no teste.

A visualização das margens negativas não se aplica no editor, mas apenas no teste e na publicação.

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