AI摘要
[secret]
测试123
[/secret]
用一段简单的CSS套个滤镜
/*
针对 IE 浏览器的灰度滤镜设置 progid:DXImageTransform.Microsoft.BasicImage 是 IE 专属的滤镜语法 grayscale=1 表示启用灰度模式(1 为开启,0 为关闭) 兼容 IE 6-9 等旧版本浏览器
*/
html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
/*
针对 WebKit 内核浏览器的灰度滤镜设置(如 Chrome、Safari 等) -webkit- 是浏览器前缀,适配早期 WebKit 内核实现 grayscale(100%) 表示将灰度值设为 100%(完全去色)
*/
-webkit-filter: grayscale(100%); }
或
html { /* 标准 CSS 滤镜:将页面转为 100% 灰度,现代浏览器通用写法 */
filter: grayscale(100%);
/* WebKit 内核浏览器前缀(Chrome、Safari、Edge 等)的灰度设置 */
-webkit-filter: grayscale(100%);
/* Mozilla 内核浏览器(Firefox)的灰度设置 */
-moz-filter: grayscale(100%);
/* Microsoft 浏览器(旧版 IE/Edge)的灰度设置 */
-ms-filter: grayscale(100%);
/* Opera 浏览器的灰度设置 */
-o-filter: grayscale(100%);
/* 通过 SVG 滤镜实现灰度效果,用于兼容某些不支持 CSS filter 的浏览器 */
filter: url("data:image/svg+xml;utf8,#grayscale");
/* IE 专属滤镜语法(IE6-9),通过微软私有属性实现灰度 */
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
/* WebKit 内核浏览器的另一种写法(部分旧版本浏览器只识别 1 而非 100%) */
-webkit-filter: grayscale(1); }
大家可以在放上去的时候把注释给去掉哦~
怎么样,是不是超级简单,这样又水了一篇文章了~
本文著作权归作者 [ Feng ] 享有,未经作者书面授权,禁止转载,封面图片来源于 [ 互联网 ] ,本文仅供个人学习、研究和欣赏使用。如有异议,请联系博主及时处理。
评个论,虽然好像我不需要这个 CSS
前两天918水的文章。◕ᴗ◕。