如果由 jQuery 设置,CSS3 2D 变换在 IE9 上不起作用

发布于 2024-10-26 22:37:56 字数 275 浏览 5 评论 0原文

根据标题,我正在使用 CSS3 的变换来平移和旋转一个对象,它在除 IE9 之外的每个浏览器中都能完美运行。

它可以在 IE9 中运行但前提是它直接写入 .css 文件。如果通过 jQuery (v. 1.5.1) 设置它会失败:

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

有什么建议吗?

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

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%)');

Any suggestion?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

感情洁癖 2024-11-02 22:37:56

我不知道是什么导致了这个问题。但是,您是否尝试过使用 cssText:

$('#example').css('cssText','-ms-transform: 翻译(200%) 旋转(45deg) 翻译(-200%)');

有时这似乎有效。

编辑:我相信问题与此 jQuery 问题有关:

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

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

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

Sometimes this would seem to work.

EDIT: I believe the problem is related to this jQuery issue:

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文