如何在CSS中将背景图像转换为灰度？

Question

我有一个HTML部分，

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

并应用了以下css，

  #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;
  }

我的问题是，如何选择由CSS设置为背景的背景图像，以便我可以应用过滤器？我唯一想做的就是对背景图像进行灰度。哪个是属性的合适选择器？

Answer 1

您拥有background-image css属性

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