今天哀悼日,大家先默哀一分钟~~~~

    按照惯例,网页都得变灰色,IE下可以用下面的CSS解决:
  1. html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }   
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 


    但是非IE浏览器无效,群里有个朋友发了个网址,是E文的,上面写着如何在非IE浏览器下页面变灰色,是用JS来解决的,网址如下: http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/

    使用如下:
  1.     <script src="js/grayscale.js" type="text/javascript"></script>  
  2.     <script type="text/javascript">  
  3.         window.onload = function() {   
  4.         grayscale(document.getElementsByTagName('html'));   
  5.         };   
  6.     </script>  
    <script src="js/grayscale.js" type="text/javascript"></script>
    <script type="text/javascript">
        window.onload = function() {
        grayscale(document.getElementsByTagName('html'));
        };
    </script>


经自己测试发现,虽然页面是变灰了,不过蛮灰的反映过程好慢,估计应该是系统资源消耗过大了,还有变灰后有些图片是显示不出来的
上面那个JS代码下载: http://niunan.net/download/grayscale.js

转载于:https://www.cnblogs.com/xiachufeng/archive/2010/04/29/1724533.html

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐