css3使网页、图片变成灰色兼容大多数浏览器
程序员文章站
2022-04-19 15:36:26
这篇文章主要介绍了使用css3使网页、图片变成灰色且兼容大多数浏览器的方法,感兴趣的朋友可以参考下... 14-07-02...
在网页头部引用下面内容即可,针对 ie、google、火狐、safari、opera 都有效
html{filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:progid:dximagetransform.microsoft.basicimage(grayscale=1);
-webkit-filter:grayscale(1)}
复制代码
代码如下:html{filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:progid:dximagetransform.microsoft.basicimage(grayscale=1);
-webkit-filter:grayscale(1)}
上一篇: CSS3 transform的skew属性值图文详解
下一篇: 那天男友约我去他家吃饭