CODEWITHSUNDEEP
javascriptcssinternet-explorer-11internet-explorer-10
Atul Sharma
Atul Sharma

Reputation: 10665

-ms-transform not working with IE 11

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">

enter image description here

Upvotes: 3

Views: 11277

Answers (1)

thepio
thepio

Reputation: 6263

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

http://jsfiddle.net/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 recommend 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.com/jquery.browser/

Upvotes: 4

Related Questions