css 蒙层-Web后端入门实战：网页变灰CSS样式总结

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

每逢全省哀悼的日子，各大网站的主页都会变成红色。 添加以下全局CSS样式可以达到此效果：

方法一

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

方式二

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

使用方法：这段代码可以将网页变成黑白，并将代码添加到CSS顶部，实现纯加载。 建议全省站长们前进。 向在洪水中丧生的同胞表示哀悼。

如果网站不使用 CSScss 蒙层，您可以在页面/模板的 HTML 代码之间插入：

专门建立的学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习技巧
（从零基础开始到WEB前端项目实战教程，学习工具，全栈开发学习路线以及规划）
   html{
     filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);
  }

有些站长的网站使用此css时可能不生效，因为该网站没有使用最新的网页标准合约

请将页面的最后部分替换为上述代码。

有一些网站的FLASH动画的颜色无法通过CSS滤镜控制css 蒙层，可以在FLASH代码的 和 之间插入：

最简单的翻页代码就是在head之间添加

 
html {   FILTER: gray}

方式三

html{ 
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,#grayscale"); 
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
-webkit-filter: grayscale(1);
}