Wie kann ich die Hintergrundfarbe des Körpers schwarz und weiß machen

Question

Ich möchte die Farbe meines Körpers ändern und ich möchte es schwarz und weiß machen. Dies ist der Code, den ich im Moment bin mit:

font-family: Montserrat, sans-serif; 
    background-image: url("http://vlr.tynt.com/?format=txt&key=284d869ffe43382ebe88a02cabb697ab&u=http%3A%2F%2Ft.wallpaperweb.org%2Fwallpaper%2Fnature%2F1920x1080%2FPacific_Sunset_Pismo_Beach_California.jpg&subId=cyfIqK8eur4kvOacwqm_6r&txt=&loc=http%3A%2F%2Fwallpaperweb.org%2Fwallpaper%2Fnature%2Fpacific-sunset-pismo-beach-california_40871.htm&ref=https%3A%2F%2Fwww.google.al%2F&title=Nature%3A%20Pacific%20Sunset%2C%20Pismo%20Beach%2C%20California%2C%20desktop%20wallpaper%20nr.%2040871"); 
    color: white; 
    filter: grayscale(100%); 
    -webkit-filter: grayscale(90%); 

Ich habe viel gegoogelt, aber die Webseite zeigen Sie mir das Bild, wenn es wie ein zufälliges Bild im Körper nicht als Hintergrundbild ist

Answer 1

Sie kann nicht einen Filter auf dem body Hintergrund verwendet, ist jedoch ein hacky Weg, um es mit dem :before Pseudo-Selektor zu tun wie so:

body { 
 
    font-family: Montserrat, sans-serif; 
 
    color: white; 
 
    margin:0; 
 
    padding:0; 
 
} 
 
    body:before { 
 
    content: ""; 
 
    background: url("http://vlr.tynt.com/?format=txt&key=284d869ffe43382ebe88a02cabb697ab&u=http%3A%2F%2Ft.wallpaperweb.org%2Fwallpaper%2Fnature%2F1920x1080%2FPacific_Sunset_Pismo_Beach_California.jpg&subId=cyfIqK8eur4kvOacwqm_6r&txt=&loc=http%3A%2F%2Fwallpaperweb.org%2Fwallpaper%2Fnature%2Fpacific-sunset-pismo-beach-california_40871.htm&ref=https%3A%2F%2Fwww.google.al%2F&title=Nature%3A%20Pacific%20Sunset%2C%20Pismo%20Beach%2C%20California%2C%20desktop%20wallpaper%20nr.%2040871"); 
 
    background-size: cover; 
 
    position: absolute; 
 
    height:100%; 
 
    width:100%; 
 
    z-index: -1; 
 
    filter: grayscale(100%); 
 
    -webkit-filter: grayscale(90%); 
 
    }

Beachten Sie, dass diese Lösung IE oder Edge nicht unterstützt.

Eine andere Lösung wäre, ein Element mit dem angewendeten Filter zu erstellen und absolute Positionierung zu verwenden, um es hinter den Inhalt zu stellen.

Source