html中灰色的代码,html淡灰色背景颜色代码

首页 > 实用技巧 > 作者:YD1662023-11-11 04:59:42

问:整个网页变成灰色的代码是什么?

答:使这个网页的颜色变成灰色的最简单的方法,就是在当前页面的css里面。添加下面的代码,并且让他在任意的浏览器里面正确的执行,

html{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:url("data:image/svg xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.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) }

上面的代码就是最规范的代码,把他加入到当前页面的css里面即可,本站在2020年4月4日的清明节,就把上面的代码添加到了css里面,全站开启了页面灰色,并且持续3天,来悼念抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞。

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.