大佬教程收集整理的这篇文章主要介绍了jquery – css过滤器反转()不能在mozilla firefox上工作?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
$('#colorcontrast').bind('click',function() { var css = 'html {'+ ' filter:invert(100%);' + ' -webkit-filter: invert(100%);' + ' -o-filter:invert(100%);' + ' -ms-filter:"invert(100%)"; }'; if (!window.counter) { window.counter = 1; } else { window.counter ++; if (window.counter % 2 == 0) { css = 'html {'+ ' -webkit-filter:invert(0%);' + ' -moz-filter:invert(0%);' + ' -o-filter:invert(0%); }'; } }; console.log(css); $('#contrast').html(css); });
它适用于Chrome和IE9,但不适用于Firefox 25.
当我使用Firefox访问其doc reference page时,我意识到现场演示无效!
有谁知道一些事情?任何人都可以指出我应用这种过滤器的其他方式或解决方案吗?
提前致谢.
我用于此的xml文件:
<svg xmlns=\'http://www.w3.org/2000/svg\'> <filter id=\'invert\'> <feColorMatrix in='sourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/> </filter> </svg>
我使用的css xml网址:
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='sourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
我知道颜色与原始颜色并不完全相同,但它是另一种颜色.
请注意,这只是firefox的“hack”,您可以将静态过滤器用于其他浏览器.
More info about SVG in Internet Explore
以上是大佬教程为你收集整理的jquery – css过滤器反转()不能在mozilla firefox上工作?全部内容,希望文章能够帮你解决jquery – css过滤器反转()不能在mozilla firefox上工作?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。