background:none Vs background:transparent Mis vahe on?

Background None Vs Background Transparent Mis Vahe On



Dokumendi stiili kujundamisel on oluline hoolitseda kasutatavate taustavärvide eest, et see näeks hea välja ja pilkupüüdev, nii et teksti lugemisel ei tekiks raskusi halva värvikombinatsiooni valiku tõttu. Selleks on olemas CSS-i taustaomadus, mis määrab teksti või terve liidese tausta värvi vastavalt kasutajate antud juhistele.

Sellele taustaomadusele kirjutatakse selle värvi nimi, mida tuleks väljundliideses kuvada. Näiteks, ' taust: punane ” määrab taustavärvi punaseks. Samamoodi tausta lihtsaks hoidmiseks või taustavärvide eemaldamiseks, mitte ühtegi ” ja „ läbipaistev ” kasutatakse pigem taustaatribuudis kui värvi nimetuses.

Nii taust:pole kui ka taust:läbipaistev kuvavad samad tulemused, kuna eemaldavad tausta täielikult. Seega pole nende kahe töö vahel suurt erinevust.







Erinevus CSS-i 'taust: puudub' ja 'taust: läbipaistev' vahel

' taust: puudub ” ja „ taust: läbipaistev ”, kasutatakse mõlemat samal eesmärgil. Nad määravad taustavärvi nulliks või eemaldavad värvi taustalt.



Kuid siiski, kui me mõtleme kriitiliselt ja püüame leida nende vahel erinevusi, on kaks võimalikku erinevust:



  • Peamine erinevus nende kahe vahel on see, et need on erinevad sõnad, milles on erinev märkide arv. Nii et paljud inimesed usuvad, et kui neid kasutatakse tohutus dokumendis palju kordi erinevates kohtades, siis dokument, mis kasutab ' taust: puudub ” võib koostamiseks kuluda vähem aega, kuna üheski pole läbipaistvaga võrreldes vähem märke.
  • Kui me räägime sellest, kuidas need koostatakse, siis ' taust: puudub ” määrab taustapildi väärtuseks None või oletame, et eemaldab taustavärvi. Teisest küljest ' taust: läbipaistev ” määrab teksti või kogu liidese taustaks läbipaistva värvi (olenevalt sellest, kumba CSS-stiili elemendis viidatakse).

Kuid seda tüüpi erinevusi võib tähelepanuta jätta, kui räägime nende mõjust graafilisele liidesele, sest lõpus pole erinevusi.





Näide: rakendage background:none ja background:transparent

Tõestame praktiliselt, et ' taust: puudub ” ja „ taust: läbipaistev ” tee sama liidesega. Kirjutage koodilõik, et teada saada CSS-i taustaatribuudi mõju nii mitte- kui ka läbipaistva atribuudi puhul:

< h2 id = 'tekst' >

See on lihtne tekst, mis selgitab taust:pole ja taust:läbipaistev eesmärki

< / h2 >

Ülalmainitud koodilõigul on HTML-dokumendis loodud pealkiri ja sellele on antud id nimega ' tekst ”.



CSS-i taustaatribuudi lisamine

Tekstile anti ID, nii et loome CSS-stiili elemendis id-valija ja lisame lihtsalt ' taust: puudub ” selles sisalduv vara:

# tekst {

taustal : mitte ühtegi ;

}

Samamoodi, et kirjutada ' taust: läbipaistev ” omadus, meetodil pole vahet. Lihtsalt asenda ' mitte ühtegi ' koos ' läbipaistev ”:

# tekst {

taustal : läbipaistev ;

}

Mõlemad ' taust: puudub ” ja „ taust: läbipaistev ” genereerib sama väljundi:

See tähendab, et nende kahe vahel pole vahet ja need koostatakse ühtemoodi.

Taustaomaduse lisamine värvinimega

Kui lisame nüüd värvinime, selle asemel, et kirjutada ' mitte ühtegi ” ja „ läbipaistev ”, väljund ei ole kunagi sama, mis genereeritud taust: puudub ” ja „ taust: läbipaistev ”. Näiteks kirjutame taustaomadusse värvi nime:

# tekst {

taustal : helesinine ;

}

Erinevus on selge. See ei kuva sama väljundit kui puhul taust: puudub ja taust: läbipaistev :

See võtab kokku erinevuse background:none ja background:transparent vahel.

Järeldus

Taustavärvi eemaldamiseks ja taustavärvi määramiseks läbipaistvaks kasutatakse vastavalt tausta: none ja background:transparent. Kuid kuna neil mõlemal on väljundliidesele täpselt sama mõju, saab nii tausta: puudub kui ka background:transparent kasutada samal eesmärgil.