StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Standard CSS3 rotate should work in IE9, but I believe you need to give it a vendor prefix, like so:</p> <pre><code> -ms-transform: rotate(10deg); </code></pre> <p>It is possible that it may not work in the beta version; if not, try downloading the current preview version (preview 7), which is a later revision that the beta. I don't have the beta version to test against, so I can't confirm whether it was in that version or not. The final release version is definitely slated to support it.</p> <p>I can also confirm that the IE-specific <code>filter</code> property has been dropped in IE9.</p> <p>[Edit]<br /> People have asked for some further documentation. As they say, this is quite limited, but I did find this page: <a href="http://css3please.com/" rel="noreferrer">http://css3please.com/</a> which is useful for testing various CSS3 features in all browsers.</p> <p>But testing the rotate feature on this page in IE9 preview caused it to crash fairly spectacularly.</p> <p>However I have done some independant tests using <code>-ms-transform:rotate()</code> in IE9 in my own test pages, and it is working fine. So my conclusion is that the feature is implemented, but has got some bugs, possibly related to setting it dynamically.</p> <p>Another useful reference point for which features are implemented in which browsers is www.canIuse.com -- see <a href="http://caniuse.com/#search=rotation" rel="noreferrer">http://caniuse.com/#search=rotation</a></p> <p>[EDIT]<br/> Reviving this old answer because I recently found out about a hack called <a href="http://www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/" rel="noreferrer">CSS Sandpaper</a> which is relevant to the question and may make things easier.</p> <p>The hack implements support for the standard CSS <code>transform</code> for for old versions of IE. So now you can add the following to your CSS:</p> <pre><code>-sand-transform: rotate(10deg); </code></pre> <p>...and have it work in IE 6/7/8, without having to use the <code>filter</code> syntax. (of course it still uses the filter syntax behind the scenes, but this makes it a lot easier to manage because it's using similar syntax to other browsers)</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload