html - Why isn't this element rotation working? -


i'm trying rotate text in ie8. according this answer, should possible rotate element tried in following example:

<!doctype html> <html> <head>     <style>         #enclosing {             width: 20px;             height: 100px;             border: 1px solid;         }          #rotated {             -ms-filter: "progid:dximagetransform.microsoft.matrix(m11=6.123031769111886e-17, m12=1, m21=-1, m22=6.123031769111886e-17, sizingmethod='auto expand')";             width: 100px;         }     </style> </head>  <body>     <div id="enclosing">         <p id="rotated">rotated</p>     </div> </body> </html> 

(got numbers this generator)

if inspect p element dev tools can see somehow affected, because blue border showing selected element rotated correctly (but actual element not being rotated), see image below.

ispected dev tools

edit: clarification, how looks without filter statement:

without filter statement

your current markup works, problem have enable legacy filters in ie10 render results in ie10 running in ie8-mode.

so, answer enable legacy filters: http://blogs.msdn.com/b/ie/archive/2012/06/04/legacy-dx-filters-removed-from-ie10-release-preview.aspx

go "settings [gear]" >> "internet options" >> "security" click "custom level" , scroll way down in resulting window-pane find "render legacy filters" option. enable it.

enable legacy filters in ie10


Comments

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

android - send complex objects as post php java -

charts - What graph/dashboard product is facebook using in Dashboard: PUE & WUE -