javascript - IE9 : CSS msTransform:translate

Question

我正在尝试缩放包含多个图像和 html map 的页面中的 div。当然我想保留元素和 html map 之间的比例。
我正在尝试使用 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 + " )");

这两种方法在 Firefox 和 IE10(不适用于 Chrome)中都很好用，但在 IE9 中不起作用，它只是忽略了 CSS 指令。
我尝试使用“msTransform”而不是“transform”来使用上述所有方法，但没有成功。

我得到的最好结果是同时使用“scale”和“translate”属性以及“msTransform”属性。
IE9 确实以这种方式缩放图像，但它似乎忽略了“翻译”属性。

我不明白为什么 IE9 有这种行为，我想知道一种让它工作的方法。
提前致谢。

Answer 1

检查这个:

像这样使用 -ms- 前缀:

-ms-transform