-ms-transform not working with IE 11

10,983

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/

Share:
10,983
Atul Sharma
Author by

Atul Sharma

Java / Spring / React / Angular / AWS https://hashnode.com/@atulquest93 https://www.linkedin.com/in/atulquest93/

Updated on June 30, 2022

Comments

  • Atul Sharma
    Atul Sharma almost 2 years

    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