Hi 您目前尚未登陆
请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

上官雨伦

2006年接触 Discuz。原 New.Discuz! Support Team 开发团队负责人,致力于网页前端设计。现职河北省张家口市职业技术学院教师。

灰度滤镜的兼容 heatlevel

2018-03-30 14:11:53 发布

Html/Css /[教程] 606 0 0

上官雨伦Writer

张家口市 | 博主、教师

90

主题

99

帖子

99

积分

Admin

Rank: 16

积分
99
发表于 2018-3-30 14:11 | 显示全部楼层 |阅读模式 [离线请留言]
    因为IE10+已经抛弃了filter,取而代之的是使用SVG。所以综合了一下。

CSS
  1. .classname{
  2.      -webkit-filter: grayscale(100%);
  3.      -o-filter: grayscale(100%);
  4.      -moz-filter: grayscale(100%);
  5.      -ms-filter: grayscale(100%);
  6.      filter: grayscale(100%);
  7.      filter: gray;
  8.         }
复制代码


JS
  1. <script type="text/javascript" src="grayscale.js"></script>
  2. <script type="text/javascript">
  3.         grayscale(document.getElementsByClassName("classname"));
  4. </script>
复制代码

0 使用道具 举报

附件信息

grayscale.js

12.91 KB, 下载次数: 1

您需要登录后才可以回帖 登录 | 立即注册

当前话题还没有评论,来做第一个评论的人吧 ♪(^∇^*)