2013-07-29 37 views
1

我試圖在包含多個圖像和html地圖的頁面中縮放div。當然,我想保留元素和html地圖之間的比例。
我想使用JQuery來設置所需的CSS屬性。IE9:CSS msTransform:翻譯

在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有這種行爲,我想知道一種方法,使其工作。
在此先感謝。

+0

有關? http://stackoverflow.com/questions/5430809/css3-2d-transforms-not-working-on-ie9-if-set-by-jquery – Spudley

回答

1

檢查:

使用-ms-前綴是這樣的:

-ms-transform 
+0

你可以添加一個工作的小提琴嗎? – AnaMaria

+0

一開始我已經試過了,但是後來我在腳本中讀到,虛線屬性在駝峯的情況下被轉換,所以它應該被使用msTransform,因爲-ms-transform會被轉換成MsTransform。我錯了嗎? – giocarmine

+0

是也許檢查與msTransform –