Ako nastaviť nepriehľadnosť obrázka na pozadí v CSS?
Nastavenie nepriehľadnosti obrázka na pozadí v CSS zahŕňa použitie vlastnosť obrázka na pozadí spolu s vlastnosťou nepriehľadnosti. Úpravou nepriehľadnosti ovládate priehľadnosť obrázka na pozadí, čím umožníte, aby prvky za ním čiastočne presvitali, čím sa vytvorí vizuálne vrstvený efekt.
Na nastavenie nepriehľadnosti obrázka na pozadí v CSS používame nasledujúce prístupy:
Obsah
1. Použitie vlastnosti Opacity
The Nepriehľadnosť Vlastnosť v CSS nastavuje úroveň priehľadnosti prvku a jeho obsahu. Prijatie hodnôt medzi 0 (úplne priehľadné) a 1 (úplne nepriehľadné) ovplyvní celý prvok vrátane jeho potomkov, čo z neho robí jednoduchý a efektívny spôsob kontroly transparentnosti vo webovom dizajne.
Syntax:
div { opacity: 0.5; } Príklad: Vlastnosť opacity v štýle CSS triedy .element je nastavená na 0,3, vďaka čomu je obrázok na pozadí polopriehľadný. Tým sa upraví viditeľnosť pozadia pri zachovaní čitateľnosti textu.
HTML
> <> html> lang> => 'en'> >> > <> head> >> > <> meta> charset> => 'UTF-8'> >> > <> meta> name> => 'viewport'> content> => 'width=device-width, initial-scale=1.0'> >> > <> title> >Nepriehľadnosť pozadia Imagetitle> |