汇客网络 发表于 2020-4-4 13:43:28

怎么让网站变灰色，我们该怎么做？



一般在全国哀悼日，大地震的日子，清明节，我们都会让自己的网站全站灰色，以表示对逝者的悼念。

腾讯网的做法：

<div class="quote"><blockquote><div class="blockcode"><blockquote>&lt;style&gt;
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- */
}
&lt;/style&gt;</blockquote></div></blockquote></div>
其他的一些方法：

1.网页黑白代码外部样式（写入*.css文件请用）
<div class="quote"><blockquote><div class="blockcode"><blockquote>html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}</blockquote></div></blockquote></div>
2.网页黑白代码内部样式（写入头部head标签里面）
<div class="quote"><blockquote><div class="blockcode"><blockquote>&lt;style type="text/css"&gt;
&lt;!--
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);}
--&gt;
&lt;/style&gt;</blockquote></div></blockquote></div>
3.网页黑白代码内联式（写入html标签，找到html）
<div class="quote"><blockquote><div class="blockcode"><blockquote>&lt;html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);"&gt;</blockquote></div></blockquote></div>
页: [1]
查看完整版本: 怎么让网站变灰色，我们该怎么做？