-webkit-transform:translate3d和-webkit-filter:safari中的灰度bug

时间:2013-05-24 11:21:57

标签: html css css-transforms grayscale translate3d

.img1{
    -webkit-filter: grayscale(1);
}
.img2{
    -webkit-filter: grayscale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
}

transform: translate3d的使用导致safari 6.0.4 http://jsfiddle.net/xcrUc/19/中的灰度错误。在safari中将图像渲染为灰度的另一种方法是什么?如何在不更改transform属性的情况下修复该bug?当我试图在safari中对yandex地图进行灰度图时,会发生这种情况。

0 个答案:

没有答案