网站变灰的方法

方法一：修改网站的外链CSS文件

找到网站的CSS样式文件，在开头部分加入以下的代码即可！两个代码选择其一即可实现变灰效果了。

代码1：对html节点设置

关键代码就是下方的两行css样式，其他相同的代码都是浏览器兼容性代码，操作的的节点不一样而已。

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

代码2：对body节点设置

body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray; /*ie9- */
}

方法二：在单独页面中设置css：

在网页的 <head></head> 标签之间加入以下CSS样式代码也可以实现网页全部变灰的效果！

<style type="text/css">
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}
</style>

网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
分享是一种美德，当你分享时请你附带上本文链接。

两行CSS代码实现整个网站置灰效果

网站变灰的方法

请登录后发表评论