黑灰白网页，为全国哀悼日改网页样式为黑灰白色方法-CSS滤镜Gray

分类:Web之旅　|　发布者:Tim　|　发布日期: 2013-4-22　|　天气:夜晚　 大 | 中 | 小
2008年05月19日，绝大部分大型门户网站、百度、腾讯、网易、雅虎等等都把网站、网页改成了黑灰白色的样式
以示深切哀悼的心情。

这里我教大家用CSS滤镜就能不用进行特大的工程来改变风格样式达到黑灰白色网站效果。

只需定义body标签的css样式即可，但此CSS滤镜在Firefox下无效，算是个纳闷的地方。
内联CSS中写入即可：

<style type="text/css">
<!--
body{
  filter: Gray;
}
-->
</style>

外联CSS中写入即可：

body{
  filter: Gray;
}

好了，在IE看看你的网站是不是变成黑灰白色了。
注：此CSS滤镜在Firefox下无效。

2013.04.22
同样是四川，同样是春季。
地震再次发生在“雅安”祈祷...让更多人得到救援。

新方式把全站变成灰色：

html {
-webkit-filter: grayscale(100%); //chrome
-moz-filter: grayscale(100%); //firefox
-ms-filter: grayscale(100%); //IE9 IE10
-o-filter: grayscale(100%); //opera
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); //IE9以下
}

文章出处:　　本文为Azuresky Blog原创,转载请注明"作者"和"出处"及本声明！
阅读(105857)
评论(0)
引用(0)