IE9: CSS msTransform:翻译

Question

我试图缩放包含多个图像和html地图的页面中的div。当然，我希望保留元素和html映射之间的比例。

我正在尝试使用JQuery设置所需的CSS属性。

在Chrome中，CSS属性“缩放”似乎有效。图像具有绝对位置，我读到了这就是为什么这样的属性在IE中不能工作的原因。

因此，我尝试以这种方式使用CSS转换：

$("#div_name").css("transform"    ,"translate(" + x + "px," + y + "px)");
$("#div_name").css("transform"    ,"scale(" + zoomVal + "," + zoomVal + ")");

我也试过用矩阵：

$("#div_name").css("transform","matrix( " + zoom + ", 0 , 0 , " + zoom  + " , " + x + " , " + y + " )");

这两种方法在火狐和IE10中都很有效(不适用于Chrome)，但这在IE9中行不通，它只是忽略了CSS指令。

我试过使用上面所有的方法--使用"msTransform“而不是"transform”，但没有成功。

我得到的最好结果是使用“缩放”和“转换”属性和"msTransform“属性。

这样，IE9就可以缩放图像，但它似乎忽略了“转换”属性。

我不明白为什么IE9会有这种行为，我想知道如何使它工作。

提前谢谢。

Answer 1

检查一下这个：

使用-ms-前缀如下：

-ms-transform