Fona attēla necaurredzamības iestatīšana CSS ietver izmantošanu fona attēla īpašums kopā ar necaurredzamības īpašību. Pielāgojot necaurredzamību, jūs kontrolējat fona attēla caurspīdīgumu, ļaujot elementiem aiz tā daļēji parādīties, radot vizuāli slāņainu efektu.
Mēs izmantojam šādas pieejas, lai iestatītu fona attēla necaurredzamību CSS:
Satura rādītājs
kmp algoritms
1. Izmantojot opacity Property
The Necaurredzamības īpašība CSS iestata elementa un tā satura caurspīdīguma līmeni. Vērtību pieņemšana no 0 (pilnībā caurspīdīga) līdz 1 (pilnībā necaurspīdīga) ietekmē visu elementu, tostarp tā atvasinājumus, padarot to par vienkāršu un efektīvu veidu, kā kontrolēt caurspīdīgumu tīmekļa dizainā.
Sintakse:
div { opacity: 0.5; }> Piemērs: Necaurredzamības rekvizīts .element klases CSS stilā ir iestatīts uz 0,3, padarot fona attēlu daļēji caurspīdīgu. Tas pielāgo fona redzamību, vienlaikus saglabājot teksta lasāmību.
HTML
> <>html> lang>=>'en'>>>> head>>>> meta> charset>=>'UTF-8'>>>> meta> name>=>'viewport'> content>=>'width=device-width, initial-scale=1.0'>>>> title>>Fona attēla nosaukuma necaurredzamība> |