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
kajal aggarwal
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> |