Superponer elementos (margen negativo)

WebAcappella FUSION permite que los elementos se desborden verticalmente en relación con otros utilizando determinadas propiedades CSS. Este efecto sólo será visible en modo de prueba y en la publicación.

Después de unos cuantos intentos y con este tutorial, este principio te resultará natural y no dudarás en utilizarlo para dar más vida a tus páginas.

desbordar una imagen sobre una caja

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

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

Primero dejo algo de espacio en la segunda casilla (azul) con el margen alto.

Seleccione la imagen y aplique un margen negativo.

A continuación, vea los resultados de las pruebas.

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

Advertencia

Los márgenes negativos no se muestran en el editor, sino sólo en los modos de prueba y publicación.

Truco

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