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">
- 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
transformproperty? 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
1 Answer
Reset to default 4Based 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/