Nastavitev motnosti slike ozadja v CSS vključuje uporabo lastnost slike ozadja skupaj z lastnostjo nepreglednosti. S prilagoditvijo motnosti nadzirate prosojnost slike ozadja, s čimer omogočite elementom za njo, da se delno pokažejo, kar ustvari učinek vizualne plasti.
Za nastavitev motnosti slike ozadja v CSS uporabljamo naslednje pristope:
Kazalo
svm
1. Uporaba lastnosti motnosti
The Lastnost motnosti v CSS nastavi stopnjo preglednosti elementa in njegove vsebine. Sprejemanje vrednosti med 0 (popolnoma transparentno) in 1 (popolnoma neprozorno) vpliva na celoten element, vključno z njegovimi podrejenimi elementi, zaradi česar je preprost in učinkovit način za nadzor preglednosti v spletnem oblikovanju.
Sintaksa:
div { opacity: 0.5; }> primer: Lastnost motnosti v slogu CSS razreda .element je nastavljena na 0,3, zaradi česar je slika ozadja polprosojna. To prilagodi vidnost ozadja, hkrati pa ohrani berljivost besedila.
HTML
> <>html> lang>=>'en'>>> ><>head>>> ><>meta> charset>=>'UTF-8'>>> ><>meta> name>=>'viewport'> content>=>'width=device-width, initial-scale=1.0'>>> ><>title>>Motnost naslova slike ozadja> |