« 上一篇下一篇 »

让网站变灰的css代码

      

     灾难面前,生命总是那么的脆弱.今天看到了新闻,为塘沽祈祷.不少网站首页已经变成了灰色表示哀悼.于是把整站变灰色,沉痛哀悼遇难同胞。在网上整理了几种让网页变灰色的CSS代码,供参考.

   1:支持IE

       html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }

      使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装

      说明:此方法支持IE,不支持Firefox和Chrome等非IE内核浏览器.

 2:支持IE

    body {filter:gray}

    说明:此方法支持IE,不支持Firefox和Chrome等非IE内核浏览器。
    提示:虽然这个方法代码量最小,但是效果却不好,而且网页也比较卡。


 3:使用grayscale.js插件

    <script src=”http://james.padolsey.com/demos/grayscale/grayscale.js” type=”text/javascript”></script>

   <script type=”text/javascript”>

     window.onload=function(){

     grayscale(document.body);

   }

   </script>

   说明:支持IE、Safari、Chrome、Opera和Firefox等浏览器。
   问题:这个在IE下也挺占资源的.

  我的博客用的是第一种方式.只能ie核心的浏览器才有效,其他的方式没有试验.

以上内容来自网络整理.网址:http://www.uisdc.com/gray-css-code.

当然,还有卢大神的一篇博文也有提到.http://lusongsong.com/blog/post/121.html


版权声明:除非注明,阿飞的网站文章均为原创,欢迎分享,转载请保留出处!