Wie kann ich das Hintergrundbild in CSS in Graustufen konvertieren?

Question

ich eine HTML-Abschnitt haben,

<div id="home"> 
    ... 
</div> 

und die folgende CSS angewendet,

#home { 
     background: url(../images/main.png) no-repeat center center fixed; 
     display: table; 
     height: 100%; 
     position: relative; 
     width: 100%; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
    } 

Meine Frage ist, wie kann ich das Hintergrundbild auswählen, die von CSS als Hintergrund gesetzt wurde, so dass ich Kann einen Filter anwenden? Das einzige, was ich tun möchte, ist das Hintergrundbild zu graustufen. Welcher ist der geeignete Selektor für eine Eigenschaft?

Answer 1

Sie haben die background-image CSS-Eigenschaft

background-image: url("test.gif");