javascript - -ms-transform not working with IE 11 - Stack Overflow

admin管理员组

文章数量:1403229

Adding -ms-transform:rotate(90deg) dynamically using jQuery to the element. But, its not working in IE 11. However, -webkit-transform:rotate(90deg) is working in Chrome.

No transformation is happening on page.

Added meta :

<meta http-equiv=X-UA-Compatible content="IE=9;IE=10;IE=11;IE=Edge,chrome=1">

Adding -ms-transform:rotate(90deg) dynamically using jQuery to the element. But, its not working in IE 11. However, -webkit-transform:rotate(90deg) is working in Chrome.

No transformation is happening on page.

Added meta :

<meta http-equiv=X-UA-Compatible content="IE=9;IE=10;IE=11;IE=Edge,chrome=1">

• javascript
• css
• internet-explorer-11
• internet-explorer-10

Share Improve this question Follow edited May 19, 2016 at 6:40 Atul Sharma asked May 19, 2016 at 6:25 Atul SharmaAtul Sharma 10.8k1010 gold badges4141 silver badges6969 bronze badges 16

• 1 which version of IE does it not work in? I believe that should work on IE9 or later. If you're using IE8, there's an answer here which might help: stackoverflow./questions/11900870/… – Flynn1179 Commented May 19, 2016 at 6:32
• According to IE css transformations are supported after IE9. I'm using IE11. – Atul Sharma Commented May 19, 2016 at 6:34
• Do you also have the transform property? Prefixes are phased out when the browser gets full support of the feature. – JJJ Commented May 19, 2016 at 6:37
• @Juhana yes.. Check the image ... Added now. – Atul Sharma Commented May 19, 2016 at 6:39
• 1 But how about manually adding ONLY the transform without the prefix? – thepio Commented May 19, 2016 at 7:08

 |  Show 11 more ments

1 Answer 1

Sorted by: Reset to default 4

Based on the ments on your question you could then check the IE version with something like this:

http://jsfiddle/jquerybyexample/gk7xA/

And insert the transform property with or without the prefix -ms- according to this checkup. The example above is just pure JavaScript because:

The jQuery.browser() method has been deprecated since jQuery 1.3 and is removed in 1.9. If needed, it is available as part of the jQuery Migrate plugin. We remend using feature detection with a library such as Modernizr.

EDIT:

And actually you said you are using jQuery 1.7.2 so you could use the jQuery method to detect the browser and version.

Documentation: http://api.jquery./jquery.browser/

本文标签： javascriptmstransform not working with IE 11Stack Overflow