Der Name der Farbe, die auf der Ausgabeschnittstelle angezeigt werden soll, wird in diese Hintergrundeigenschaft geschrieben. Zum Beispiel, ' Hintergrund: rot ” setzt die Hintergrundfarbe rot. Um den Hintergrund einfach zu halten oder Hintergrundfarben zu entfernen, „ keiner ' Und ' transparent “ werden in der Hintergrundeigenschaft verwendet und nicht als Name einer Farbe.
Sowohl background:none als auch background:transparent zeigen die gleichen Ergebnisse, da sie den Hintergrund vollständig entfernen. Es gibt also keinen großen Unterschied zwischen der Arbeitsweise der beiden.
Unterschied zwischen „background:none“ und „background:transparent“ in CSS
Der ' Hintergrund: keiner ' Und ' Hintergrund: transparent “, werden beide für denselben Zweck verwendet. Sie setzen die Hintergrundfarbe auf keine oder entfernen die Farbe aus dem Hintergrund.
Aber dennoch, wenn wir kritisch nachdenken und versuchen, Unterschiede zwischen ihnen zu finden, gibt es zwei mögliche Unterschiede:
- Der Hauptunterschied zwischen den beiden besteht darin, dass es sich um unterschiedliche Wörter mit unterschiedlicher Anzahl von Zeichen handelt. Viele Leute glauben also, dass, wenn sie in einem riesigen Dokument viele Male an verschiedenen Stellen verwendet werden, das Dokument, das „ Hintergrund: keiner Die Kompilierung von ” könnte weniger Zeit in Anspruch nehmen, da keine im Vergleich zu transparent weniger Zeichen hat.
- Wenn wir darüber sprechen, wie sie zusammengestellt werden, dann „ Hintergrund: keiner “ setzt das Hintergrundbild auf „none“ oder entfernt beispielsweise die Hintergrundfarbe. Andererseits ist die „ Hintergrund: transparent ” setzt transparente Farbe als Hintergrund des Textes oder der gesamten Oberfläche (je nachdem, worauf im CSS-Stilelement verwiesen wird).
Aber diese Arten von Unterschieden können vernachlässigt werden, wenn wir über die Auswirkungen sprechen, die sie auf die grafische Oberfläche haben, da es am Ende keinen Unterschied geben wird.
Beispiel: Anwenden von background:none und background:transparent
Lassen Sie uns praktisch beweisen, dass „ Hintergrund: keiner ' Und ' Hintergrund: transparent “ Machen Sie dasselbe mit der Schnittstelle. Schreiben Sie ein Code-Snippet, um die Auswirkungen der CSS-Eigenschaft background sowohl auf none als auch auf transparent zu erfahren:
< h2 Ausweis = 'Text' >Dies ist ein einfacher Text, um den Zweck von background:none und background:transparent zu erklären
< / h2 >
In dem oben erwähnten Code-Snippet gibt es eine Überschrift, die in einem HTML-Dokument erstellt wurde, und ihr wurde eine ID mit dem Namen „ Text “.
Hinzufügen der CSS-Hintergrundeigenschaft
Dem Text wurde eine ID gegeben, also erstellen wir einen ID-Selektor im CSS-Stilelement und fügen einfach das „ Hintergrund: keiner ” Eigenschaft darin:
# Text {Hintergrund : keiner ;
}
Ebenso schreibt man „ Hintergrund: transparent ”-Eigenschaft gibt es keinen Unterschied in der Methode. Ersetzen Sie einfach „ keiner ' mit ' transparent “:
# Text {Hintergrund : transparent ;
}
Beide ' Hintergrund: keiner ' Und ' Hintergrund: transparent “ wird die gleiche Ausgabe erzeugen:
Das bedeutet, dass es keinen Unterschied zwischen den beiden gibt und sie auf die gleiche Weise kompiliert werden.
Hinzufügen einer Hintergrundeigenschaft mit einem Farbnamen
Wenn wir jetzt einen Farbnamen hinzufügen, anstatt „ keiner ' Und ' transparent “, wird die Ausgabe niemals die gleiche sein wie die von „ Hintergrund: keiner ' Und ' Hintergrund: transparent “. Zum Beispiel schreiben wir einen Farbnamen in die Hintergrundeigenschaft:
# Text {Hintergrund : hellblau ;
}
Der Unterschied ist klar. Es zeigt nicht die gleiche Ausgabe wie im Fall von an Hintergrund: keiner Und Hintergrund: transparent :
Dies fasst den Unterschied zwischen background:none und background:transparent zusammen.
Abschluss
background:none und background:transparent werden verwendet, um die Hintergrundfarbe zu entfernen bzw. die Hintergrundfarbe als transparent festzulegen. Aber da sie beide genau denselben Einfluss auf die Ausgabeschnittstelle haben, können sowohl background:none als auch background:transparent für denselben Zweck verwendet werden.