L'impostazione dell'opacità di un'immagine di sfondo nei CSS implica l'utilizzo di proprietà dell'immagine di sfondo insieme alla proprietà dell'opacità. Regolando l'opacità, controlli la trasparenza dell'immagine di sfondo, consentendo agli elementi dietro di essa di essere parzialmente visibili, creando un effetto visivamente stratificato.
Utilizziamo i seguenti approcci per impostare l'opacità dell'immagine di sfondo nei CSS:
Tabella dei contenuti
join e tipi di join
1. Utilizzo della proprietà Opacità
IL Proprietà di opacità nei CSS imposta il livello di trasparenza di un elemento e del suo contenuto. Accettare valori compresi tra 0 (completamente trasparente) e 1 (completamente opaco), influisce sull'intero elemento, compresi i suoi figli, rendendolo un modo semplice ed efficace per controllare la trasparenza nel web design.
Sintassi:
div { opacity: 0.5; }> Esempio: La proprietà opacità nello stile CSS della classe .element è impostata su 0,3, rendendo l'immagine di sfondo semitrasparente. Ciò regola la visibilità dello sfondo mantenendo la leggibilità del testo.
HTML
> <>html> lang>=>'en'>>> ><>head>>> ><>meta> charset>=>'UTF-8'>>> ><>meta> name>=>'viewport'> content>=>'width=device-width, initial-scale=1.0'>>> ><>title>>Opacità del titolo immagine di sfondo> |