你怎么能在IE中翻转网站? (4月1日)

时间:2011-03-31 21:26:33

标签: javascript html css

我们正在办公室进行4月1日的恶作剧,并希望明天将我们的公司网站翻转几个小时:)

我的补丁适用于所有地方,但不适用于IE ...任何人都可以帮忙吗?

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

4 个答案:

答案 0 :(得分:9)

答案 1 :(得分:7)

您的CSS特定于webkit和firefox。

您需要在IE9中使用-ms-transform,否则请查看this link以获取其他版本的IE

答案 2 :(得分:7)

IE的一个稍微简单的版本(没有矩阵内容):

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

答案 3 :(得分:3)

编辑:这不起作用。

尝试

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/