下面小编给大家分享一个网站全灰功能的实现方式 ， 希望能到大家
需要这些哦
HTML+CSS
方式/
1之前在w3c教程里面见过一个css滤镜结果 ， 代码就是直接图片灰色的 ， 我可以测验考试革新当作全网页灰色
文章插图
2上图可以 ， 看到焦点代码就是 filter: grayscale(100%);可是为了可以或许施印多浏览器 ， 还得插手-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
文章插图
3然后我们可以运行一下官网案例 ， 看看图片灰色的区别 ， 下面代码放了两张图 ， 原图和灰色结果图
文章插图
4上面我们把样式代码放在了图片里面 ， 若是要实现全网站灰色 ， 那么就把他放在html里面就行了 ， 如图随便找一个网站 ， 彩色的
文章插图
5F12,找到html节点 ， 然后里面输入style="filter: grayscale(100%);"
文章插图
6【网站灰色显示如何实现】回车之后 ， 全网站都灰色了
文章插图
以上内容就是网站灰色显示如何实现的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 怎样在电脑桌面显示天气预报
- win7如何显示语言栏
- ^_^ 免费好用的编程刷题网站~
- pr如何将视频调成灰色
- WPS中的表格如何将灰色背景去掉
- 苹果 iPhone手机地图不显示当下位置
- project隐藏列如何显示
- 优化seo怎么做
- 百度网盘怎么在桌面显示悬浮窗
- 如何调整网页显示比例