Как вы можете перевернуть сайт с ног на голову в IE? (на 1 апреля)

Мы делаем апрельскую пробку в нашем офисе и хотели завтра перевернуть наш корпоративный веб-сайт в течение нескольких часов:)

Мой патч работает везде, но не в IE... Может ли кто-нибудь помочь?

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

Ответы

Ответ 1

Немного более простая версия для IE (без материала матрицы):

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

Ответ 2

Попробуйте следующее: http://msdn.microsoft.com/en-us/library/ms533014(VS.85,loband).aspx

Ответ 3

Ваш CSS специфичен для webkit и firefox.

Вам нужно будет использовать -ms-transform в IE9, иначе посмотрите эту ссылку для других версии IE

Ответ 4

EDIT: Это не работает.

Try

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;
}

Демо: http://static.arounds.org/moz.html

Сгенерировано с помощью http://css3please.com/