我怎样才能使身体的背景颜色变成黑白[关闭]

Question

我想改变我身体的颜色，我想让它变成黑白。这是我目前正在使用的代码：

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%);

我用谷歌搜索了很多，但网站向我显示的图像是身体中的随机图像而不是背景图像

Answer 1

您不能在body 背景上使用过滤器，但是有一种使用:before 伪选择器的巧妙方法，如下所示：

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%);
  }

请注意，此解决方案不支持 IE 或 Edge。

另一种解决方案是创建一个应用了过滤器的元素，并使用绝对定位将其放在内容后面。

Source