Gibt es einen Unterschied zwischen diesen beiden CSS-Eigenschaften:
background: none;
background: transparent;
- Sind beide gültig?
- Welches sollte verwendet werden und warum?
css
background
Web-Tiki
quelle
quelle
background-color: transparent; background-image: none;
. Ein Benutzer-Stylesheet überschreibt möglicherweise einen oder beide dieser Werte, tut dies jedoch genau so, als obbackground-color: transparent; background-image: none;
es explizit geschrieben worden wäre.transparent
und definiertnone
.Als zusätzliche Informationen zu @Quentin antworten und wie er zu Recht sagt, ist die
background
CSS-Eigenschaft selbst eine Abkürzung für:Das heißt, Sie können alle Stile in einem gruppieren, wie zum Beispiel:
Dies wäre (in diesem Beispiel):
Also ... wenn Sie festlegen:
background:none;
Sie sagen, dass alle Hintergrundeigenschaften auf keine festgelegt sind ...Sie sagen dies
background-image: none;
und alle anderen auf deninitial
Status (da sie nicht deklariert werden).Also
background:none;
ist:Wenn Sie nun nur die Farbe definieren (in Ihrem Fall
transparent
), sagen Sie im Grunde:Ich wiederhole, wie @Quentin zu Recht sagt, dass die
default
transparent
undnone
-Werte in diesem Fall gleich sind. In Ihrem Beispiel und für Ihre ursprüngliche Frage: Nein, es gibt keinen Unterschied zwischen ihnen.Aber! .. wenn du
background:none
Vs sagst,background:red
dann ja ... es gibt einen großen Unterschied, wie ich sage, der erste würde alle Eigenschaften auf setzennone/default
und der zweite wird nur das änderncolor
und bleibt der Rest in seinemdefault
Zustand.Also in Kürze:
Kurze Antwort : Nein, es gibt überhaupt keinen Unterschied (in Ihrem Beispiel und Ihrer ursprünglichen Frage)
Lange Antwort : Ja, es gibt einen großen Unterschied, der jedoch direkt von den Eigenschaften abhängt, die dem Attribut gewährt wurden.
Upd1: Anfangswert (aka
default
)Anfangswert Die Verkettung der Anfangswerte seiner Langhand-Eigenschaften:
Weitere
background
Beschreibungen finden Sie hierUpd2: Klären Sie die
background:none;
Spezifikation besser .quelle
console
auf dieser Demo jsfiddle.net/dnzy2/6Um die anderen Antworten zu ergänzen: Wenn Sie alle Hintergrundeigenschaften auf ihren Anfangswert (einschließlich
background-color: transparent
undbackground-image: none
) zurücksetzen möchten, ohne explizit einen Wert wietransparent
oder anzugebennone
, können Sie dies schriftlich tun:quelle
initial
. siehe Kann ich verwenden und MDN