Sovrapposizione di elementi (margine negativo)

WebAcappella FUSION consente agli elementi di debordare verticalmente rispetto ad altri utilizzando alcune proprietà CSS. Questo effetto sarà visibile solo in modalità di prova e al momento della pubblicazione.

Dopo qualche tentativo e grazie a questo tutorial, questo principio vi diventerà naturale e non esiterete a usarlo per dare più vita alle vostre pagine.

traboccare un’immagine su un riquadro

Ecco due caselle con un’immagine nella prima casella (rossa) e un testo nella seconda (blu).

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

Per prima cosa lascio un po” di spazio nel secondo riquadro (blu) con il margine alto.

Selezionare l’immagine e applicare un margine negativo.

Poi vedere i risultati del test.

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

Avvertimento

I margini negativi non vengono visualizzati nell’editor, ma solo in modalità di prova e di pubblicazione.

Suggerimento

I margini negativi CSS sono conformi alle specifiche ufficiali CSS e sono quindi validi per tutti i browser attuali.