Comment pouvez-vous retourner le site Web à l'envers dans IE? (pour le 1er avril)

Question

Nous faisons une farce le 1er avril dans notre bureau et nous voulions retourner notre site Web à l'envers pendant plusieurs heures demain :)

Mon patch fonctionne partout mais pas dans IE ... Quelqu'un peut-il aider?

 <script type="text/javascript">
   document.body.style.MozTransform = 'rotate(180deg)';
   document.body.style['-webkit-transform'] = 'rotate(180deg)';
</script>
 

Answer 1

Essayez ceci: http://msdn.microsoft.com/en-us/library/ms533014(VS.85,loband).aspx

Answer 2

Votre CSS est spécifique au webkit et au firefox.

Vous devrez utiliser -ms-transform dans IE9, sinon consultez ce lien pour d'autres versions d'IE

Answer 3

Une version légèrement plus simple pour IE (pas de matrices matricielles):

 body {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
 

Answer 4

EDIT: Cela ne fonctionne pas.

Essayer

 body {
     -moz-transform: rotate(180deg);  
       -o-transform: rotate(180deg);  
  -webkit-transform: rotate(180deg);  
      -ms-transform: rotate(180deg);  
          transform: rotate(180deg);  
             filter: progid:DXImageTransform.Microsoft.Matrix( 
                     M11=-1, M12=-1.2246063538223773e-16, M21=1.2246063538223773e-16, M22=-1, sizingMethod='auto expand');
               zoom: 1;
}
 

Démo: http://static.arounds.org/moz.html

Généré avec: http://css3please.com/