Navnet på fargen som skal vises på utdatagrensesnittet er skrevet i den bakgrunnsegenskapen. For eksempel, ' bakgrunn: rød ” vil sette bakgrunnsfargen rød. På samme måte, for å holde bakgrunnen enkel eller fjerne bakgrunnsfarger, ' ingen ' og ' gjennomsiktig ” brukes i bakgrunnsegenskapen i stedet for navnet på en farge.
Både bakgrunn:ingen og bakgrunn:gjennomsiktig viser de samme resultatene ettersom de fjerner bakgrunnen fullstendig. Så det er ingen stor forskjell mellom hvordan de to fungerer.
Forskjellen mellom 'bakgrunn: ingen' og 'bakgrunn: gjennomsiktig' i CSS
« bakgrunn: ingen ' og ' bakgrunn: gjennomsiktig ', brukes begge til samme formål. De setter bakgrunnsfargen som ingen eller fjerner fargen fra bakgrunnen.
Men likevel, hvis vi tenker kritisk og prøver å finne forskjeller mellom dem, er det to mulige forskjeller:
- Hovedforskjellen mellom de to er at de er forskjellige ord med forskjellig antall tegn i dem. Så mange mennesker tror at når de brukes i et stort dokument mange ganger på forskjellige steder, vil dokumentet som bruker ' bakgrunn: ingen ' kan ta kortere tid å bli kompilert fordi ingen har mindre antall tegn sammenlignet med transparent.
- Hvis vi snakker om hvordan de er kompilert, så ' bakgrunn: ingen ' setter bakgrunnsbildet til ingen eller la oss si fjerner bakgrunnsfargen. På den annen side, ' bakgrunn: gjennomsiktig ” setter gjennomsiktig farge som bakgrunn for teksten eller hele grensesnittet (avhengig av hva som refereres til i CSS-stilelementet).
Men disse typer forskjeller kan neglisjeres hvis vi snakker om innvirkningen de har på det grafiske grensesnittet fordi det ikke vil være noen forskjell på slutten.
Eksempel: Bruk av bakgrunn:ingen og bakgrunn:gjennomsiktig
La oss praktisk talt bevise at ' bakgrunn: ingen ' og ' bakgrunn: gjennomsiktig ' gjør det samme med grensesnittet. Skriv en kodebit for å vite virkningen av CSS-bakgrunnsegenskapen med både ingen og den gjennomsiktige:
< h2 id = 'tekst' >Dette er en enkel tekst for å forklare formålet med bakgrunn:ingen og bakgrunn:gjennomsiktig
< / h2 >
I den ovennevnte kodebiten er det opprettet en overskrift i et HTML-dokument og den har fått en id kalt ' tekst '.
Legge til CSS-bakgrunnsegenskapen
Teksten ble gitt en id, så la oss lage en id-velger i CSS-stilelementet og bare legge til ' bakgrunn: ingen ' eiendom i den:
# tekst {bakgrunn : ingen ;
}
På samme måte, for å skrive ' bakgrunn: gjennomsiktig ” eiendom, er det ingen forskjell i metoden. Bare bytt ut ' ingen ' med ' gjennomsiktig ':
# tekst {bakgrunn : gjennomsiktig ;
}
Begge ' bakgrunn: ingen ' og ' bakgrunn: gjennomsiktig ' vil generere samme utgang:
Det betyr at det ikke er noen forskjell mellom de to, og de er kompilert på samme måte.
Legge til bakgrunnseiendom med et fargenavn
Nå, hvis vi legger til et fargenavn i stedet for å skrive ' ingen ' og ' gjennomsiktig ', vil utgangen aldri være den samme som generert av ' bakgrunn: ingen ' og ' bakgrunn: gjennomsiktig '. For eksempel skriver vi et fargenavn i bakgrunnsegenskapen:
# tekst {bakgrunn : lyse blå ;
}
Forskjellen er tydelig. Den viser ikke den samme utgangen som i tilfelle bakgrunn: ingen og bakgrunn: gjennomsiktig :
Dette oppsummerer forskjellen mellom bakgrunn:ingen og bakgrunn:gjennomsiktig.
Konklusjon
Bakgrunn:ingen og bakgrunn:gjennomsiktig brukes henholdsvis til å fjerne bakgrunnsfargen og sette bakgrunnsfargen som gjennomsiktig. Men fordi de begge har nøyaktig samme innvirkning på utdatagrensesnittet, kan både background:none og background:transparent brukes til samme formål.