Ime barve, ki naj bo prikazana na izhodnem vmesniku, je zapisano v tej lastnosti ozadja. Na primer, ' ozadje: rdeče ” nastavi rdečo barvo ozadja. Podobno, če želite ohraniti preprosto ozadje ali odstraniti barve ozadja, ' nič « in » pregleden ” se uporabljajo v lastnostih ozadja in ne v imenu barve.
Tako background:none kot background:transparent prikažeta enake rezultate, saj popolnoma odstranita ozadje. Torej ni velike razlike med delovanjem obeh.
Razlika med »background:none« in »background:transparent« v CSS
' ozadje: brez « in » ozadje: prozorno «, oba se uporabljata za isti namen. Barvo ozadja nastavijo na nobeno ali odstranijo barvo iz ozadja.
A vseeno, če razmišljamo kritično in poskušamo najti razlike med njimi, sta možni dve razliki:
- Glavna razlika med obema je, da gre za različne besede z različnim številom znakov. Mnogi ljudje verjamejo, da ko se v ogromnem dokumentu uporabljajo velikokrat na različnih mestih, dokument, ki uporablja ' ozadje: nič ” morda traja manj časa za prevajanje, ker nobeden nima manjšega števila znakov v primerjavi s transparentnim.
- Če govorimo o tem, kako so sestavljeni, potem, ' ozadje: nič ” nastavi sliko ozadja na nič ali recimo odstrani barvo ozadja. Po drugi strani pa ' ozadje: prozorno ” nastavi prozorno barvo kot ozadje besedila ali celotnega vmesnika (kar je navedeno v elementu sloga CSS).
Toda te vrste razlik lahko zanemarimo, če govorimo o vplivu, ki ga imajo na grafični vmesnik, ker na koncu ne bo nobene razlike.
Primer: uporaba background:none in background:transparent
Praktično dokažimo, da ' ozadje: nič « in » ozadje: prozorno ” storite isto z vmesnikom. Napišite delček kode, da boste vedeli, kakšen vpliv ima lastnost ozadja CSS z možnostma none in transparent:
< h2 id = 'besedilo' >To je preprosto besedilo za razlago namena elementov background:none in background:transparent
< / h2 >
V zgoraj omenjenem delčku kode je v dokumentu HTML ustvarjen naslov, ki mu je bil dodeljen ID z imenom » besedilo ”.
Dodajanje lastnosti ozadja CSS
Besedilo je dobilo ID, zato ustvarimo izbirnik ID-ja v elementu sloga CSS in preprosto dodamo » ozadje: nič ” lastnine v njem:
# besedilo {ozadje : nič ;
}
Podobno, če želite napisati ' ozadje: prozorno ”, ni razlike v metodi. Preprosto zamenjajte ' nič ' z ' pregleden ”:
# besedilo {ozadje : pregleden ;
}
Oba ' ozadje: nič « in » ozadje: prozorno « bo ustvaril enak rezultat:
To pomeni, da med njima ni razlike in sta sestavljena na enak način.
Dodajanje lastnosti ozadja z imenom barve
Zdaj, če dodamo ime barve namesto zapisa ' nič « in » pregleden «, rezultat nikoli ne bo enak tistemu, ki ga ustvari » ozadje: nič « in » ozadje: prozorno ”. V lastnost ozadja na primer zapišemo ime barve:
# besedilo {ozadje : svetlo modra ;
}
Razlika je očitna. Ne prikazuje enakega rezultata kot v primeru ozadje: nič in ozadje: prozorno :
To povzema razliko med background:none in background:transparent.
Zaključek
Background:none in background:transparent se uporabljata za odstranitev barve ozadja oziroma za nastavitev barve ozadja kot prosojne. Ker pa imata oba popolnoma enak vpliv na izhodni vmesnik, se lahko tako background:none kot background:transparent uporabljata za isti namen.