Ist dies der richtige Weg, um ein CSS-Hintergrundbild mit einer Vollfarbe zu überschreiben?

Question

Ich habe eine Standard-CSS-Datei, die ein Bild für den Hintergrund verwendet, aber für die mobile Version der Website möchte ich das Bild mit einer einfarbigen Farbe überschreiben.

Mein Standard-Stylesheet sieht so aus:

background-image: url('../img/gray_hash.png'); 

Meine aktuelle CSS-Datei sieht so aus:

background-image: url('');  
background-color: #ffffff; !important;

Ist das der richtige Weg? Wenn ich einfach eine Hintergrundfarbe hinzufüge, scheint das Bild Vorrang zu haben.

Answer 1

Nein. Um ein Hintergrundbild zu entfernen, verwenden Sie background-image:none

Answer 2

Ich würde einfach die Kurzschreibweise verwenden

background: url('../img/gray_hash.png'); // (mit allen anderen erforderlichen Eigenschaften)

und überschreiben mit

background: white;