Blog
WebAcappella Fusion

WebAcappella Fusion

Lingua
Nozioni avanzate / Tutorial avanzati / Sovrapporre elementi (margine negativo)

Sovrapporre elementi (margine negativo)

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

Dopo alcuni tentativi e con questo tutorial, questo principio vi risulterà naturale e non esiterete a utilizzarlo per dare più vita alle vostre pagine.

Far fuoriuscire un'immagine da un riquadro

Ecco due riquadri con un'immagine nel primo riquadro (rosso) e del testo nel secondo (blu).

1 due riquadri

Per prima cosa lascio dello spazio nel secondo riquadro (blu) con il margine superiore.

margine interno superiore
2 due riquadri

Seleziona l'immagine e applica un margine negativo.

applica margine negativo

Quindi, verifica il risultato con un test.

risultato

La visualizzazione dei margini negativi non si applica nell'editor, ma solo in fase di test e di pubblicazione.

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