用CSS将网站变黑白

这次给大家带来用CSS将网站变黑白，用CSS将网站变黑白的注意事项有哪些，下面就是实战案例，一起来看一下。

方法如下：

这段CSS代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。

html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

如果你的页面中没有HTML标签，记得加进去，可以加以下HTML5标签，或者更换上面的CSS标签的html为body或者其它。

有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的<object…>和之间插入：

如果某些带有Flash的页面仍显示彩色，或浏览器上下滚动条拖动时Flash FLV播放器变花（例如剑网3、剑侠世界官网分流页），将Flash改为JS输出（本例为SWFObject）：

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

CSS的Selector使用详解

CSS3的filter(滤镜)属性详解

详解CSS之margin的特殊使用技巧

以上是用CSS将网站变黑白的详细内容。更多信息请关注PHP中文网其他相关文章！