Was ist der Vorteil der Verwendung der "transparent" -Wert in der CSS-Hintergrund-Eigenschaft vor einer URL eines PNG?

Question

Ich habe oft geschrieben gesehen Sheets, wo man etwas wie diese:

#anyelement { 
    background:transparent url(../img/filename.png) no-repeat left top; 
} 

Der Wert in Frage ist der „transparent“ Wert - was ist der Vorteil, diesen Wert zu verwenden? Ich habe es nie wirklich mit meinen eigenen CSS-Dateien verwendet und meine PNG-Bilder scheinen immer noch in allen Browsern zu funktionieren, die PNGs unterstützen.

Kann jemand etwas Licht auf die Verwendung dieses Wertes werfen?

Danke!

Answer 1

Wenn Sie eine Hintergrundfarbe von einer anderen Deklaration erben, sollte diese gelöscht werden.

Answer 2

Der transparente Wert in diesem Beispiel ist die Hintergrundfarbe (oder deren Fehlen).

Answer 3

Der erste Teil des Hintergrundattributs ist die Hintergrundfarbe. Dies ist die Farbe, die angezeigt wird, wenn das Hintergrundbild nicht gefunden wird. Transparent bedeutet nur, dass keine Hintergrundfarbe angezeigt werden soll. Transparent ist auch der Standard-BTW.

Answer 4

Es sei denn, ich etwas fehle, mit transparent in einer background haben in der Regel keinen Einfluss.

Wenn Sie die background Kurzschrift-Eigenschaft verwenden, setzt sie immer Werte für background-color, background-image, background-position und background-repeat. Alle Werte, die Sie aus der Regel herauslassen, werden auf ihre Standardwerte gesetzt, die für background-color sowieso transparent ist.

Siehe http://jsfiddle.net/CN2aJ/2/

Einige Leute ihre CSS bevorzugen könnte deutlicher zu sein, und damit transparent dort für Klarheit umfassen. Aber ich glaube nicht, dass dies Auswirkungen auf die Darstellung der Seite haben wird.