一行代码实现网页变灰效果

[复制链接]
作者: Xidorn | 时间: 2023-9-10 14:57:13 | 编程开发|
0 290

149

主题

556

回帖

4378

积分

管理员

积分
4378

论坛元老最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理

发表于 2023-9-10 14:57:13| 显示全部楼层 |阅读模式
方法一:修改CSS文件,添加以下代码
  1. html{
  2.     -webkit-filter: grayscale(100%); /* webkit */
  3.     -moz-filter: grayscale(100%); /*firefox*/
  4.     -ms-filter: grayscale(100%); /*ie9*/
  5.     -o-filter: grayscale(100%); /*opera*/
  6.     filter: grayscale(100%);
  7.     filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  8.     filter:gray; /*ie9- */
  9. }
复制代码
方法二:修改网页源代码,添加以下代码
  1. <style type="text/css">
  2.   html{
  3.     -webkit-filter: grayscale(100%); /* webkit */
  4.     -moz-filter: grayscale(100%); /*firefox*/
  5.     -ms-filter: grayscale(100%); /*ie9*/
  6.     -o-filter: grayscale(100%); /*opera*/
  7.     filter: grayscale(100%);
  8.     filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  9.     filter:gray; /*ie9- */
  10.   }
  11. </style>
复制代码

拼手气红包

红包金额剩余0金币

剩余红包0个

查看红包>
网谋论坛 https://wm.lt
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回列表 返回顶部