Naziv boje koja bi trebala biti prikazana na izlaznom sučelju zapisan je u tom svojstvu pozadine. Na primjer, ' pozadina: crvena ” postavit će crvenu boju pozadine. Slično, da bi pozadina ostala jednostavna ili da biste uklonili pozadinske boje, ' nikakav ' i ' transparentan ” koriste se u svojstvu pozadine, a ne u nazivu boje.
I background:none i background:transparent prikazuju iste rezultate jer potpuno uklanjaju pozadinu. Dakle, nema velike razlike između rada ta dva.
Razlika između “background:none” i “background:transparent” u CSS-u
' pozadina: nema ' i ' pozadina: prozirna “, oba se koriste za istu svrhu. Postavljaju boju pozadine kao nikakvu ili uklanjaju boju iz pozadine.
Ali ipak, ako kritički razmišljamo i pokušamo pronaći razlike među njima, tada postoje dvije moguće razlike:
- Glavna razlika između to dvoje je da su to različite riječi s različitim brojem znakova u sebi. Dakle, mnogi ljudi vjeruju da kada se koriste u velikom dokumentu mnogo puta na različitim mjestima, dokument koji koristi ' pozadina: ništa ” može potrajati kraće za kompajliranje jer nijedan nema manji broj znakova u usporedbi s transparentnim.
- Ako govorimo o tome kako se sastavljaju, onda, ' pozadina: ništa ” postavlja pozadinsku sliku na ništa ili recimo uklanja boju pozadine. S druge strane, „ pozadina: prozirna ” postavlja prozirnu boju kao pozadinu teksta ili cijelog sučelja (ovisno o tome na što se odnosi u elementu CSS stila).
Ali, ove vrste razlika mogu se zanemariti ako govorimo o utjecaju koji imaju na grafičko sučelje jer razlike na kraju neće biti.
Primjer: Primjena background:none i background:transparent
Dokažimo praktično da ' pozadina: ništa ' i ' pozadina: prozirna ” učiniti istu stvar sa sučeljem. Napišite isječak koda da biste saznali utjecaj svojstva CSS pozadine s none i transparentom:
< h2 iskaznica = 'tekst' >Ovo je jednostavan tekst za objašnjenje svrhe background:none i background:transparent
< / h2 >
U gore spomenutom isječku koda postoji naslov kreiran u HTML dokumentu i dodijeljen mu je ID pod nazivom ' tekst ”.
Dodavanje CSS svojstva pozadine
Tekst je dobio id, pa stvorimo selektor id-a u elementu CSS stila i jednostavno dodajmo ' pozadina: ništa ” svojstvo u njemu:
# tekst {pozadina : nikakav ;
}
Slično, za pisanje ' pozadina: prozirna ”, nema razlike u metodi. Jednostavno, zamijenite ' nikakav ” sa “ transparentan ”:
# tekst {pozadina : transparentan ;
}
Oba ' pozadina: ništa ' i ' pozadina: prozirna ” će generirati isti izlaz:
To znači da nema razlike između to dvoje i da su sastavljeni na isti način.
Dodavanje svojstva pozadine s nazivom boje
Sada, ako dodamo naziv boje umjesto pisanja ' nikakav ' i ' transparentan ', izlaz nikada neće biti isti kao što ga generira ' pozadina: ništa ' i ' pozadina: prozirna ”. Na primjer, pišemo naziv boje u svojstvu pozadine:
# tekst {pozadina : svijetlo plava ;
}
Razlika je jasna. Ne prikazuje isti izlaz kao u slučaju pozadina: ništa i pozadina: prozirna :
Ovo sažima razliku između background:none i background:transparent.
Zaključak
Background:none i background:transparent koriste se za uklanjanje boje pozadine odnosno za postavljanje boje pozadine kao prozirne. No, budući da oba imaju točno isti utjecaj na izlazno sučelje, i background:none i background:transparent mogu se koristiti za istu svrhu.