Kako nastaviti motnost slike ozadja v CSS?
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
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> |