Question

我在<body>区块上有背景图片。

我想通过使用webkit-filter将其设为黑白：灰度（100％）;

但是当我将此过滤器应用于主体块时，我网站上的所有图像也变为黑白。我只想要我的背景是黑色和白色。我该怎么办？

Answer 1

插入绝对定位的div并将背景应用于此。

<body>
<div id="BG"></div>
....
other code here
....
</body>


#BG{
   position:fixed;
   left:0;
   right:0;
   top:0;
   bottom:0;
   background-image:(yourimage);
   webkit-filter: grayscale(100%);
   z-index:-500;
}

小提琴：http://jsfiddle.net/m5d5w/6/

不要忘记为非webkit浏览器添加过滤器。看到： Greyscale Background Css Images

黑白背景CSS

1 个答案: