Javascript 如何在IE中翻转网站?(4月1日)

Javascript 如何在IE中翻转网站?(4月1日),javascript,html,css,Javascript,Html,Css,我们正在办公室进行4月1日的恶作剧,并希望明天将公司网站翻转几个小时:) 我的补丁可以在任何地方使用,但不能在IE中使用。。。有人能帮忙吗 <script type="text/javascript"> document.body.style.MozTransform = 'rotate(180deg)'; document.body.style['-webkit-transform'] = 'rotate(180deg)'; </script> docu

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

我的补丁可以在任何地方使用,但不能在IE中使用。。。有人能帮忙吗

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

document.body.style.MozTransform='旋转(180度)';
document.body.style['-webkit transform']=“旋转(180度)”;

试试这个:

你的CSS是特定于webkit和firefox的


您需要在IE9中使用,否则请查看其他版本的IE编辑:这不起作用

试一试

演示:


生成时使用:

一个略为简单的IE版本(无矩阵内容):


这太棒了。有没有快速的方法可以在Chrome的所有页面上应用这一点?对我妻子来说是个大恶作剧-D@loneboat:使用extension+
body{-webkit transform:rotate(180deg);}
应该是一种相当快速的方法。对于任何想玩本地恶作剧的人来说,许多Dell和其他计算机都会经常通过点击control、alt和arrow(右、左、上或下)来翻转屏幕,也可以在图形卡设置上调整此设置。为非技术人员带来极大的乐趣。发现了另一件很酷的事情,这是可以做到的:就是这样,尽管使用它并不容易:)。演示链接现在已断开
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;
}
body {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}