De naam van de kleur die op de uitvoerinterface moet worden weergegeven, is in die achtergrondeigenschap geschreven. Bijvoorbeeld, ' achtergrond: rood ” zet de achtergrondkleur rood. Evenzo, om de achtergrond eenvoudig te houden of achtergrondkleuren te verwijderen, ' geen ' En ' transparant ” worden gebruikt in de achtergrondeigenschap in plaats van de naam van een kleur.
Zowel background:none als background:transparant geven dezelfde resultaten weer, aangezien ze de achtergrond volledig verwijderen. Er is dus geen groot verschil tussen de werking van de twee.
Verschil tussen 'achtergrond: geen' en 'achtergrond: transparant' in CSS
De ' achtergrond: geen ' En ' achtergrond: transparant ”, worden beide voor hetzelfde doel gebruikt. Ze stellen de achtergrondkleur in op geen of verwijderen de kleur van de achtergrond.
Maar toch, als we kritisch nadenken en proberen verschillen ertussen te vinden, zijn er twee mogelijke verschillen:
- Het belangrijkste verschil tussen de twee is dat het verschillende woorden zijn met een verschillend aantal tekens erin. Veel mensen geloven dus dat wanneer ze vaak op verschillende plaatsen in een enorm document worden gebruikt, het document dat ' achtergrond: geen ” kan minder tijd kosten om te worden gecompileerd omdat geen enkele minder aantal tekens heeft in vergelijking met transparant.
- Als we het hebben over hoe ze zijn samengesteld, dan, ' achtergrond: geen ” stelt de achtergrondafbeelding in op geen of laten we zeggen dat de achtergrondkleur wordt verwijderd. Aan de andere kant, de “ achtergrond: transparant ” stelt transparante kleur in als de achtergrond van de tekst of de hele interface (afhankelijk van wat wordt bedoeld in het CSS-stijlelement).
Maar dit soort verschillen kunnen worden verwaarloosd als we het hebben over de impact die ze hebben op de grafische interface, omdat er uiteindelijk geen verschil zal zijn.
Voorbeeld: background:none en background:transparant toepassen
Laten we praktisch bewijzen dat ' achtergrond: geen ' En ' achtergrond: transparant ” doe hetzelfde met de interface. Schrijf een codefragment om de impact te kennen van de CSS-achtergrondeigenschap met zowel de none als de transparent:
< h2 ID kaart = 'tekst' >Dit is een eenvoudige tekst om het doel van background:none en background:transparant uit te leggen
< / h2 >
In het bovengenoemde codefragment is er een kop gemaakt in een HTML-document en deze heeft een id gekregen met de naam ' tekst ”.
De CSS-achtergrondeigenschap toevoegen
De tekst heeft een id gekregen, dus laten we een id-kiezer maken in het CSS-stijlelement en eenvoudig de ' achtergrond: geen Eigenschap erin:
# tekst {achtergrond : geen ;
}
Evenzo, om de ' achtergrond: transparant ”eigenschap, er is geen verschil in de methode. Vervang gewoon ' geen ' met ' transparant ”:
# tekst {achtergrond : transparant ;
}
Beide ' achtergrond: geen ' En ' achtergrond: transparant ” genereert dezelfde uitvoer:
Het betekent dat er geen verschil is tussen de twee en dat ze op dezelfde manier zijn samengesteld.
Achtergrondeigenschap toevoegen met een kleurnaam
Als we nu een kleurnaam toevoegen in plaats van ' geen ' En ' transparant ”, zal de uitvoer nooit hetzelfde zijn als gegenereerd door de “ achtergrond: geen ' En ' achtergrond: transparant ”. We schrijven bijvoorbeeld een kleurnaam in de eigenschap background:
# tekst {achtergrond : lichtblauw ;
}
Het verschil is duidelijk. Het geeft niet dezelfde uitvoer weer als in het geval van achtergrond: geen En achtergrond: transparant :
Dit somt het verschil op tussen background:none en background:transparant.
Conclusie
De background:none en background:transparent worden gebruikt om respectievelijk de achtergrondkleur te verwijderen en de achtergrondkleur als transparant in te stellen. Maar omdat ze allebei exact dezelfde impact hebben op de uitvoerinterface, kunnen zowel background:none als background:transparant voor hetzelfde doel worden gebruikt.