[记录]兼容性的图片变灰css

图片变灰的css,网上搜了一大坨,基本都是ie only,现在记录下能兼容各种浏览器的写法。

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
posted @ 2012-10-12 14:40  八位机  阅读(3155)  评论(0编辑  收藏  举报