Navnet på den farve, der skal vises på outputgrænsefladen, er skrevet i den baggrundsegenskab. For eksempel, ' baggrund: rød ” vil sætte baggrundsfarven rød. På samme måde, for at holde baggrunden enkel eller for at fjerne baggrundsfarver, ' ingen ' og ' gennemsigtig ” bruges i baggrundsegenskaben i stedet for navnet på en farve.
Både background:none og background:transparent viser de samme resultater, da de fjerner baggrunden fuldstændigt. Så der er ingen større forskel mellem de tos virkemåde.
Forskellen mellem 'baggrund: ingen' og 'baggrund: gennemsigtig' i CSS
Det ' baggrund: ingen ' og ' baggrund: gennemsigtig ”, begge bruges til samme formål. De indstiller baggrundsfarven som ingen eller fjerner farven fra baggrunden.
Men alligevel, hvis vi tænker kritisk og forsøger at finde forskelle mellem dem, er der to mulige forskelle:
- Den største forskel mellem de to er, at de er forskellige ord med forskelligt antal tegn i dem. Så mange mennesker tror, at når de bruges i et stort dokument mange gange forskellige steder, vil dokumentet, der bruger ' baggrund: ingen ” kan tage kortere tid at blive kompileret, fordi ingen har mindre antal tegn sammenlignet med transparent.
- Hvis vi taler om, hvordan de er kompileret, så ' baggrund: ingen ” indstiller baggrundsbilledet til ingen eller lad os sige fjerner baggrundsfarven. På den anden side er ' baggrund: gennemsigtig ” indstiller transparent farve som baggrunden for teksten eller hele grænsefladen (alt efter hvad der henvises til i CSS-stilelementet).
Men disse typer af forskelle kan negligeres, hvis vi taler om den indflydelse, de har på den grafiske grænseflade, fordi der ikke vil være nogen forskel i slutningen.
Eksempel: Anvendelse af baggrund:ingen og baggrund:gennemsigtig
Lad os praktisk bevise, at ' baggrund: ingen ' og ' baggrund: gennemsigtig ” gør det samme med grænsefladen. Skriv et kodestykke for at kende virkningen af CSS-baggrundsegenskaben med både none og transparent:
< h2 id = 'tekst' >Dette er en simpel tekst til at forklare formålet med baggrund:ingen og baggrund:gennemsigtig
< / h2 >
I det ovennævnte kodestykke er der en overskrift oprettet i et HTML-dokument, og det har fået et id med navnet ' tekst ”.
Tilføjelse af CSS-baggrundsegenskaben
Teksten fik et id, så lad os oprette en id-vælger i CSS-stilelementet og blot tilføje ' baggrund: ingen ” ejendom i det:
# tekst {baggrund : ingen ;
}
På samme måde, for at skrive ' baggrund: gennemsigtig ” ejendom, er der ingen forskel på metoden. Du skal blot udskifte ' ingen ' med ' gennemsigtig ”:
# tekst {baggrund : gennemsigtig ;
}
Både ' baggrund: ingen ' og ' baggrund: gennemsigtig ' vil generere det samme output:
Det betyder, at der ikke er nogen forskel mellem de to, og de er kompileret på samme måde.
Tilføjelse af baggrundsejendom med et farvenavn
Nu, hvis vi tilføjer et farvenavn i stedet for at skrive ' ingen ' og ' gennemsigtig ', vil output aldrig være det samme som genereret af ' baggrund: ingen ' og ' baggrund: gennemsigtig ”. For eksempel skriver vi et farvenavn i baggrundsegenskaben:
# tekst {baggrund : lyseblå ;
}
Forskellen er tydelig. Det viser ikke det samme output som i tilfælde af baggrund: ingen og baggrund: gennemsigtig :
Dette opsummerer forskellen mellem baggrund:ingen og baggrund:gennemsigtig.
Konklusion
Background:none og background:transparent bruges til henholdsvis at fjerne baggrundsfarven og indstille baggrundsfarven som transparent. Men fordi de begge har nøjagtig den samme indflydelse på output-grænsefladen, kan både background:none og background:transparent bruges til det samme formål.