Blog
WebAcappella Fusion

WebAcappella Fusion

Idioma
Conceptos avanzados / Tutoriales avanzados / Superponer elementos (margen negativo)

Superponer elementos (margen negativo)

WebAcappella FUSION permite que los elementos se superpongan verticalmente con respecto a otros utilizando ciertas propiedades CSS. Este efecto solo será visible en modo de prueba y en la publicación.

Después de algunas pruebas y con este tutorial, este principio le resultará natural y no dudará en utilizarlo para dar más vida a sus páginas.

Hacer que una imagen se desborde en un cuadro

Aquí hay dos cuadros con una imagen en el primero (rojo) y texto en el segundo (azul).

1 dos cuadros

Primero dejo espacio en el segundo cuadro (azul) con el margen superior.

margen interior superior
2 dos cuadros

Seleccione la imagen y aplique un margen negativo.

aplicar margen negativo

A continuación, compruebe el resultado en la prueba.

resultado

La visualización de los márgenes negativos no se aplica en el editor, sino solo en la prueba y en la publicación.

Los márgenes negativos en CSS cumplen con las especificaciones oficiales de CSS y, por lo tanto, son válidos en todos los navegadores actuales.