Shouldn't This Css Work In Ie9?

I have a div that I'm rotating as it fades in. It works in every modern browser, but the code for IE doesn't seem to be working. #box { width: 400px; height: 400px; di

Solution 1:

IE9 does not support transitions, therefore, it will not animate using the transition style.

http://caniuse.com/#search=transition

You will have to use javascript or a javascript library (jQuery, etc) in order to achieve this in IE 9. So to answer your initial question, the answer is no, it should not work in IE 9. You might want to rephrase and post a new question on how to do image rotation in jquery however.

Solution 2:

Unfortunately CSS property isnt supported by IE9 and earlier

transition:

to create your dealed effect you should use jQuery, Mootools or other similar javascript library. I know that is not solution, but just hint.

Solution 3:

What's the content type on the page? If you're not defining a content type, I believe IE9 goes into a "quirks mode". You should set your content type to the following for the best performance in IE:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />