Spalvos, kuri turėtų būti rodoma išvesties sąsajoje, pavadinimas parašytas toje fono savybėje. Pavyzdžiui, ' fonas: raudonas “ nustatys raudoną fono spalvą. Panašiai, jei norite, kad fonas būtų paprastas arba pašalintumėte fono spalvas, „ nė vienas “ ir „ skaidrus “ yra naudojami fono ypatybėje, o ne spalvos pavadinime.
Fonas:nėra ir fonas:skaidrus rodo tokius pačius rezultatus, nes visiškai pašalina foną. Taigi, nėra didelio skirtumo tarp šių dviejų veikimo būdų.
Skirtumas tarp „fonas: nėra“ ir „fonas: skaidrus“ CSS
„ fonas: nėra “ ir „ fonas: skaidrus “, abu naudojami tam pačiam tikslui. Jie nustato fono spalvą kaip jokios arba pašalina spalvą iš fono.
Bet vis tiek, jei mąstome kritiškai ir bandome rasti skirtumus tarp jų, galimi du skirtumai:
- Pagrindinis skirtumas tarp šių dviejų yra tas, kad tai skirtingi žodžiai su skirtingu simbolių skaičiumi. Taigi, daugelis žmonių mano, kad kai jie naudojami didžiuliame dokumente daug kartų skirtingose vietose, dokumentas, kuriame naudojama „ fonas: nėra “ kompiliavimas gali užtrukti mažiau laiko, nes nė vienas neturi mažiau simbolių, palyginti su skaidriu.
- Jei kalbėsime apie tai, kaip jie sudaromi, tada ' fonas: nėra “, fono paveikslėlis nenustatomas arba, tarkime, pašalinama fono spalva. Kita vertus, „ fonas: skaidrus “ nustato skaidrią spalvą kaip teksto arba visos sąsajos foną (atsižvelgiant į tai, kas nurodyta CSS stiliaus elemente).
Tačiau šių tipų skirtumų galima nepaisyti, jei kalbame apie jų poveikį grafinei sąsajai, nes pabaigoje nebus jokio skirtumo.
Pavyzdys: taikykite background:none ir background:transparent
Praktiškai įrodykime, kad ' fonas: nėra “ ir „ fonas: skaidrus “ atlikite tą patį su sąsaja. Parašykite kodo fragmentą, kad sužinotumėte, kokį poveikį turi CSS foninė ypatybė, kai nėra ir permatomas:
< h2 id = 'tekstas' >Tai paprastas tekstas, paaiškinantis fono:nėra ir fonas:skaidrus paskirtį
< / h2 >
Aukščiau minėtame kodo fragmente yra antraštė, sukurta HTML dokumente ir jai suteiktas ID, pavadintas „ tekstą “.
CSS fono ypatybės pridėjimas
Tekstui buvo suteiktas ID, todėl sukurkime id parinkiklį CSS stiliaus elemente ir tiesiog pridėkite „ fonas: nėra Jame esantis turtas:
# tekstą {fone : nė vienas ;
}
Panašiai parašyti „ fonas: skaidrus “ savybė, metodas nesiskiria. Tiesiog pakeiskite ' nė vienas ' su ' skaidrus “:
# tekstą {fone : skaidrus ;
}
Tiek „ fonas: nėra “ ir „ fonas: skaidrus “ generuos tą pačią išvestį:
Tai reiškia, kad tarp šių dviejų skirtumų nėra ir jie sudaromi vienodai.
Fono ypatybės pridėjimas su spalvos pavadinimu
Dabar, jei pridėsime spalvos pavadinimą, o ne rašome ' nė vienas “ ir „ skaidrus “, išvestis niekada nebus tokia pati, kaip sugeneruota fonas: nėra “ ir „ fonas: skaidrus “. Pavyzdžiui, fono ypatybėje rašome spalvos pavadinimą:
# tekstą {fone : šviesiai mėlynas ;
}
Skirtumas aiškus. Jis nerodo tos pačios išvesties kaip ir fonas: nėra ir fonas: skaidrus :
Tai apibendrina skirtumą tarp fonas: nėra ir fonas: skaidrus.
Išvada
Fono spalva: nėra ir background:parent naudojami atitinkamai pašalinti fono spalvą ir nustatyti fono spalvą kaip skaidrią. Tačiau kadangi jie abu turi lygiai tokį patį poveikį išvesties sąsajai, ir fonas:nėra, ir fonas:skaidrus gali būti naudojami tuo pačiu tikslu.