LMLPHP后院

扫码查看  原文链接 : https://blog.lmlphp.com/archives/840/How_to_achieve_the_gray_effect_of_big_events  来自 : LMLPHP后院

针对大事件灰色效果，CSS 的工作量可谓不小，可 CSS3 来了，只需一行代码搞定，其实就是这么简单，无需做什么准备。

.big-event-gray {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    /* -webkit-filter: grayscale(100%); */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    /* filter: grayscale(100%); */
    filter: gray;
}