我正在尝试在包含多个图像和 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 + " )");
这两种方法在 Firefox 和 IE10（不适用于 Chrome）中都很好用，但在 IE9 中不起作用，它只是忽略了 CSS 指令。
我尝试使用“msTransform”而不是“transform”来使用上述所有方法，但没有成功。
我得到的最好结果是同时使用“缩放”和“翻译”属性和“msTransform”属性。
这种方式 IE9 确实缩放图像，但它似乎忽略了“翻译”属性。
我不明白为什么 IE9 有这种行为，我想知道一种让它工作的方法。
提前致谢。