Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript IE9:CSS msTransform:translate_Javascript_Css_Internet Explorer_Internet Explorer 9 - Fatal编程技术网

Javascript IE9:CSS msTransform:translate

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

我正在尝试缩放包含多个图像和html映射的页面中的div。当然,我想保留元素和html映射之间的比例。
我正在尝试使用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中转换。我错了吗?相关的?相关的