zoukankan      html  css  js  c++  java
  • 全国哀悼日 网站灰黑色CSS滤镜代码

    全国哀悼日 网站灰黑色CSS滤镜代码
    根据国务院文件,5.19-5.21为全国哀悼日,在此期间,全国和各驻外机构下半旗志哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿。5月19日14时28分起,全国人民默哀3分钟,届时汽车、火车、舰船鸣笛,防空警报鸣响。 很多草根网站都将整站换成素装。并建议中国所有站点更换为素装。 国务院决定5月19日至21日为全国哀悼日

    ——————————————————————————
    为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。
    复制内容到剪贴板
    代码:
    html { FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
    使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地0震.中遇难的同胞哀悼。

    如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入::
    复制内容到剪贴板
    代码:
    <style>
    html { FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
    </style>
    有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议
    复制内容到剪贴板
    代码:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    请将网页最头部的<html>替换为以上代码。

    有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
    复制内容到剪贴板
    代码:
    <param value="false" name="menu"/>
    <param value="opaque" name="wmode"/>
    最简单的把页面变成灰色的代码是在head 之间加
    复制内容到剪贴板
    代码:
    <style type="text/css">
    html {
        FILTER: gray
    }
    </style>
    另在哀悼日或遇难的新闻,所有专题和主题 图片上不能使用红色标题。
  • 相关阅读:
    【译】可扩展前端2  —  常见模式
    【译】可扩展前端1  —  架构基础
    【译】The Clean Architecture
    获取页面元素位置
    vue高价组件的使用
    gif动态图片转精灵图
    消除 transition 闪屏
    移动端 -- 如何去掉元素被触摸时产生的半透明灰色遮罩?
    解决手机移动端触屏版web页面长时间按住页面出现闪退的问题
    移动端滑动慢,卡顿
  • 原文地址:https://www.cnblogs.com/CB/p/1202881.html
Copyright © 2011-2022 走看看