网站灰色代码|哀悼日专用

通过代码来实现灰色哀悼效果。

效果如下:

把代码加到<head></head>之间,即可直接实现全站灰色效果。

代码如下:

<!–[if IE]>

<style>

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

</style>

<!–<![endif]–>

<!–[if !IE]><–>

<style>

html{

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

filter: grayscale(100%);

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: url(“data:image/svg+xml;utf8,<svg xmlns=\”http://www.w3.org/2000/svg\”><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\”/></filter></svg>#grayscale”);

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

filter: gray;

-webkit-filter: grayscale(1);

}

</style>

<!–<![endif]–>
发布了573 篇原创文章 · 获赞 747 · 访问量 1086万+

猜你喜欢

转载自blog.csdn.net/update7/article/details/105544721
今日推荐