Hintergrundbild in bestimmten Medienabfragewerten ausblenden

Question

Ich versuche, das Hintergrundbild zu verstecken, das ich nur in der mobilen Ansicht verwende.

html{ 
background: #fff url('//www.xxxxxxxxx.xxx/gray.jpg') center top no-repeat; 
background-attachment: initial; 
background-size: contain; 
background-position-y: 0; 
} 

Aber wenn ich dies tun:

@media (max-width: 425px){ 
background: transparent !important; 
} 

Der Hintergrund nicht die Abfrage Regel für HTML gesetzt erkennt. Wie kann ich das machen? Was mache ich falsch?

Answer 1

Sie müssen auch einen CSS-Selektor in der Medienabfrage verwenden. In diesem Fall fügen Sie html { ... } hinzu. Versuchen Sie dies:

@media (max-width: 425px){ 
    html { 
     background: transparent !important; 
    } 
}