CSS3 2D变换不工作的IE9如果由jQuery的设置 [英] CSS3 2D Transforms not working on IE9 if set by jQuery

问题描述

按照标题，我平移和旋转物体与CSS3的变换和它完美的作品，除了IE9每一个浏览器。

As per title, I'm translating and rotating an object with CSS3's transform and it works flawlessly in every browser except IE9.

它工作在IE9的，但只有当它直接写入.css文件。它失败如果由jQuery的设置（V 1.5.1）有：

It works in IE9 but only if it's written directly into the .css file. It fails if set by jQuery (v. 1.5.1) with:

$('#example').css('-ms-transform', 'translate(200%) rotate(45deg) translate(-200%)');

任何建议？

推荐答案

我不知道是什么原因造成的问题。但是，你有没有试着用cssText：

I don't know what is causing the problem. However, have you tried with cssText:

$（'＃例如）的CSS（'cssText， - MS-转换：转换（200％），旋转（45deg）转换（-200％）'）;

$('#example').css('cssText','-ms-transform: translate(200%) rotate(45deg) translate(-200%)');

有时候，这似乎工作。

编辑：我认为这个问题是与此相关的jQuery的问题：

I believe the problem is related to this jQuery issue:

http://bugs.jquery.com/ticket/8346

这篇关于CSS3 2D变换不工作的IE9如果由jQuery的设置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！