首页技术博客 技术经验 正文

哀悼日,网站改变成哀悼灰的方法及教程!

2022-11-30 105 0条评论

全国哀悼日网站页面变成灰色的filter方法_经验交流


  为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。 直接在*.css文件最前面加入


  body{ filter:Gray; }或者


  html { filter:progid:DXImageTransform.Microsoft.Basicimage(grayscale=1); }均可 其他HTML页面


  html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }如果是纯HTM页面的可以加在header.htm的Body中间


  代码如下:


  <style>


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


  </style>  3、如果某些带有Flash的页面仍显示彩色,或浏览器上下滚动条拖动时Flash FLV播放器变花(例如剑网3、剑侠世界官网分流页),将Flash改为JS输出(本例为SWFObject):


  代码如下:


  <script type="text/javascript" src=https://www.php.cn/"/js/swf.js"></script>


  <div id="video_content"></div>


  <script type="text/javascript">


  <!–var video_player_so = new SWFObject("video-542.swf", "sotester", "439", "246", "7");


  video_player_so.addParam("wmode", "opaque");


  video_player_so.addParam("allowfullscreen","true");


  video_player_so.addParam("allowscriptaccess","always");


  video_player_so.write("video_content");//–></script> 这样,整个页面,包括Flash播放器中的视频就都变灰色了。


  以下为补充


  代码如下:


  html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。


  如果网站没有使用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"


  "


  <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>一般的discuz论坛在 你的控制css 文件下修改/images/header/header.css 这个文件另在哀悼日或遇难的新闻,所有专题和主题 图片上不能使用红色标题。


  以上就是全国哀悼日网站页面变成灰色的filter方法

文章版权及转载声明

本文作者:符文浩 网址:http://blog.fuwenhao.com/post/556.html发布于 2022-11-30
文章转载或复制请以超链接形式并注明出处。

发表评论

评论列表 (暂无评论,105人围观)参与讨论

还没有评论,来说两句吧...

取消
微信二维码
微信二维码
支付宝二维码