您现在的位置是:网站首页> 编程资料编程资料
把网页变成黑白(兼容谷歌、火狐、ie等浏览器)_心得技巧_网页制作_
2021-09-11
1169人已围观
简介 把网页变成黑白同时兼容谷歌、火狐、ie等浏览器其实也是一个灰色滤镜的应用,感兴趣的朋友看下代码,希望对你有所帮助
往css文件里写入
01.html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
其实也就是加一个灰色滤镜
复制代码
代码如下:01.html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
其实也就是加一个灰色滤镜
相关内容
- 浏览器自动填充表单导致网页样式丢失原因分析及解决_心得技巧_网页制作_
- 网页css优先级为您详细解读_心得技巧_网页制作_
- psd切图转换为div+css格式_心得技巧_网页制作_
- CSS HACK之IE6/IE7/IE8/IE9/FF(归纳)_心得技巧_网页制作_
- jquery编辑器插件tinyMCE的使用方法_心得技巧_网页制作_
- tinyMCE使用方法与心得详解_心得技巧_网页制作_
- 限制input输入类型(多种方法实现)_心得技巧_网页制作_
- 常用元素默认margin和padding值问题探讨_心得技巧_网页制作_
- css里面图片路径问题(同包/不同包)探讨_心得技巧_网页制作_
- 在FireFox中导入导出Cookies与收藏夹的解决办法_心得技巧_网页制作_
