HTML – Internet Explorer没有抗锯齿旋转图像

我有一个带有背景图像的div,我正在旋转.下面是我的css规则来旋转​​它：

#services_parallax { 
-webkit-transform:rotate(3.1deg); /* Webkit */
transform: rotate(3.1deg); /* firefox & IE9+ */
/* IE7 & 8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.998537,M12=-0.054079,M21=0.054079,M22=0.998537,sizingMethod='auto expand'); 
}

问题是在IE中,图像的边缘非常块状和锯齿状,而不是光滑的线条,并且似乎没有抗锯齿.有谁知道解决这个问题？它是在chrome中完成的,直到我通过应用-webkit-backface-visibility：hidden;来应用修复程序.哪个适用于chrome,我只需要一个IE的类似修复,如果存在的话.

要复制此问题,请将以下内容粘贴到HTML文件中并在IE中查看：