我試圖在包含多個圖像和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有這種行爲,我想知道一種方法,使其工作。
在此先感謝。
有關? http://stackoverflow.com/questions/5430809/css3-2d-transforms-not-working-on-ie9-if-set-by-jquery – Spudley