emlog实现网站变灰的html代码,让网站变灰的css代码实例

让网站变灰的css代码实例

导语：css的功能已经比较完善，简简单单的就要可以让网站变成灰色，但是，你自己会做吗？下面的'是百分网小编为大家搜集的让网站变灰的css代码实例，供大家参考。

方法1：支持IE

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

说明：此方法支持IE，不支持Firefox和Chrome等非IE内核浏览器。

方法2：支持IE

body {filter:gray}

说明：此方法支持IE，不支持Firefox和Chrome等非IE内核浏览器。

提示：虽然这个方法代码量最小，但是效果却不好，而且网页也比较卡。

方法3：同时支持IE和Chrome

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

说明：此方法支持IE浏览器、Safari和Chrome等浏览器，但是不支持Firefox浏览器。

方法4：使用grayscale.js插件

使用grayscale.js插件。这个插件是模拟IE的filter:progid方，官方网地址在：

http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/

使用方法：

【让网站变灰的css代码实例】相关文章：