Namnet på färgen som ska visas på utdatagränssnittet skrivs i den bakgrundsegenskapen. Till exempel, ' bakgrund: röd ” kommer att ställa in bakgrundsfärgen röd. På samma sätt, för att hålla bakgrunden enkel eller för att ta bort bakgrundsfärger, ' ingen ' och ' transparent ” används i bakgrundsegenskapen snarare än namnet på en färg.
Både background:none och background:transparent visar samma resultat eftersom de tar bort bakgrunden helt. Så det är ingen större skillnad mellan hur de två fungerar.
Skillnaden mellan 'background:none' och 'background:transparent' i CSS
den ' bakgrund: ingen ' och ' bakgrund: transparent ”, båda används för samma ändamål. De ställer in bakgrundsfärgen som ingen eller tar bort färgen från bakgrunden.
Men ändå, om vi tänker kritiskt och försöker hitta skillnader mellan dem så finns det två möjliga skillnader:
- Den största skillnaden mellan de två är att de är olika ord med olika antal tecken i dem. Så många människor tror att när de används i ett stort dokument många gånger på olika platser, dokumentet som använder ' bakgrund: ingen ” kan ta kortare tid att kompileras eftersom ingen har mindre antal tecken jämfört med transparent.
- Om vi pratar om hur de är sammanställda, då ' bakgrund: ingen ” ställer in bakgrundsbilden till ingen eller låt oss säga tar bort bakgrundsfärgen. Å andra sidan, ' bakgrund: genomskinlig ” ställer in transparent färg som bakgrund för texten eller hela gränssnittet (beroende på vilket som hänvisas till i CSS-stilelementet).
Men dessa typer av skillnader kan försummas om vi pratar om effekten de har på det grafiska gränssnittet eftersom det inte blir någon skillnad i slutet.
Exempel: Använder bakgrund:ingen och bakgrund:transparent
Låt oss praktiskt bevisa att ' bakgrund: ingen ' och ' bakgrund: genomskinlig ” gör samma sak med gränssnittet. Skriv ett kodavsnitt för att veta effekten av CSS-bakgrundsegenskapen med både none och transparent:
< h2 id = 'text' >Detta är en enkel text för att förklara syftet med bakgrund:ingen och bakgrund:transparent
< / h2 >
I det ovan nämnda kodavsnittet finns en rubrik skapad i ett HTML-dokument och den har fått ett id som heter ' text ”.
Lägga till CSS-bakgrundsegenskapen
Texten fick ett id, så låt oss skapa en id-väljare i CSS-stilelementet och helt enkelt lägga till ' bakgrund: ingen ' egendom i den:
# text {bakgrund : ingen ;
}
På samma sätt, för att skriva ' bakgrund: genomskinlig ” egendom, det är ingen skillnad i metoden. Byt helt enkelt ut ' ingen ' med ' transparent ”:
# text {bakgrund : transparent ;
}
Både ' bakgrund: ingen ' och ' bakgrund: genomskinlig ' kommer att generera samma utdata:
Det betyder att det inte finns någon skillnad mellan de två och de är kompilerade på samma sätt.
Lägga till bakgrundsegenskap med ett färgnamn
Nu, om vi lägger till ett färgnamn istället för att skriva ' ingen ' och ' transparent ', kommer utdata aldrig att vara densamma som genereras av ' bakgrund: ingen ' och ' bakgrund: genomskinlig ”. Till exempel skriver vi ett färgnamn i bakgrundsegenskapen:
# text {bakgrund : ljusblå ;
}
Skillnaden är tydlig. Den visar inte samma utdata som i fallet med bakgrund: ingen och bakgrund: genomskinlig :
Detta sammanfattar skillnaden mellan bakgrund:ingen och bakgrund:genomskinlig.
Slutsats
Background:none och background:transparent används för att ta bort bakgrundsfärgen respektive för att ställa in bakgrundsfärgen som transparent. Men eftersom de båda har exakt samma inverkan på utdatagränssnittet, kan både background:none och background:transparent användas för samma ändamål.