Javascript IE9:CSS msTransform:translate
我正在尝试缩放包含多个图像和html映射的页面中的div。当然,我想保留元素和html映射之间的比例。Javascript IE9:CSS msTransform:translate,javascript,css,internet-explorer,internet-explorer-9,Javascript,Css,Internet Explorer,Internet Explorer 9,我正在尝试缩放包含多个图像和html映射的页面中的div。当然,我想保留元素和html映射之间的比例。 我正在尝试使用JQuery设置所需的CSS属性 在Chrome中,CSS属性“zoom”似乎起作用。这些图像有绝对位置和绝对位置,我读到这就是为什么这样的属性在IE中不起作用 因此,我尝试以这种方式使用CSS转换: $("#div_name").css("transform" ,"translate(" + x + "px," + y + "px)"); $("#div_name").c
我正在尝试使用JQuery设置所需的CSS属性 在Chrome中,CSS属性“zoom”似乎起作用。这些图像有绝对位置和绝对位置,我读到这就是为什么这样的属性在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确实可以缩放图像,但它似乎忽略了“translate”属性 我不明白IE9为什么会有这种行为,我想知道一种使它工作的方法。
提前感谢。检查以下内容: 使用-ms-前缀如下:
-ms-transform
选中此项:
使用-ms-前缀如下:
-ms-transform
一开始我尝试过这个,但后来我读到在脚本中,虚线属性是以驼峰形式转换的,所以应该使用msTransform,因为-ms transform将在msTransform中转换。我错了吗?一开始我试过这个,但后来我读到在脚本中,虚线属性是以驼峰形式转换的,所以应该使用msTransform,因为-ms transform将在msTransform中转换。我错了吗?相关的?相关的