zoukankan      html  css  js  c++  java
  • 如何在特殊的日子里让网站变成灰色

    方法1:支持IE

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

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

    方法2:支持IE

    body {filter:gray}

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

    提示:虽然这个方法代码量最小,但是效果却不好,而且网页也比较卡。

    方法3:同时支持IE和Chrome

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

    说明:此方法支持IE浏览器、360、Safari和Chrome等浏览器,但是不支持Firefox浏览器。

    方法4:使用gray_baiwanzhan.js插件

    使用gray_baiwanzhan.js插件。这个插件是模拟IE的filter:progid方法。

    使用方法:

    gray_baiwanzhan.js插件源文件:http://cn.baiwanzhan.com/js/gray_baiwanzhan.js

    window.οnlοad=function(){ 
    grayscale(document.body); 
    }

    说明:支持IE、360、Safari、Chrome、Opera和Firefox等浏览器。

    问题:这个在IE下也挺占资源的。

    方法五:支持ie

    找到你的CSS文件然后修改css代码文件。在以下的文件当中
    form,div,span,img,ul,ol,li, {
    加入filter: Gray;

    建议:使用方法3,虽然不支持更多的浏览器,但是稳定、速度快,而且资源占用小。

    以上方法均可达到使网站变灰色的效果,让我们一起为遇难同胞默默的哀悼。

    原文链接:https://blog.csdn.net/u010074478/article/details/35987501

  • 相关阅读:
    数据分析优化之惩罚性线性回归算法
    数据分析之贝叶斯算法案例
    SSM-CRUD练习
    使用 Code First 迁移以设定数据库种子
    .Net Web Api相关学习内容
    ASP.NET MVC5的学习知识点
    Entity Framework的学习(ASP.NET MVC5的学习中的一部分)
    EFCore框架的学习
    jsp中的<%%>用法
    nginx出现404和403错误
  • 原文地址:https://www.cnblogs.com/-ting/p/12631734.html
Copyright © 2011-2022 走看看