简单网页元素变灰代码

  1. 首页
  2. CSS
  3. 正文

哀悼日所有网站全部变成灰色，还以为要改所有css样式，麻烦死了，上网一搜原来有一段代码，加上就可以实现这种效果，很简单：
 

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


把这段代码放到css样式的最顶端，且不要换行，刷新就可以了。

如果网站没有使用CSS，可以在网页/模板的HTML代码<head>和</head> 之间插入：

CSS代码
        
  1. <style>
    2.     
  2. html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
    3.     
  3. </style>

有一些站长的网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议

XML/HTML代码
        
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2.     
  2. <htmlxmlns="http://www.w3.org/1999/xhtml">

请将网页最头部的<html>替换为以上代码。

有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的<object …>和</object>之间插入：

XML/HTML代码
        
  1. <paramvalue="false"name="menu"/>
    2.     
  2. <paramvalue="opaque"name="wmode"/>

最简单的把页面变成灰色的代码是在head 之间加

CSS代码
        
  1. <style type="text/css">
    2.     
  2. html {FILTER:gray}
    3.     
  3. </style>

还有一种最简单的把页面变成灰色的代码是在body之中加入style="filter:gray"

XML/HTML代码
        
  1. <bodystyle="filter:gray">



不过这段代码只支持ie，火狐不支持滤镜，好像只能单独做一个首页了。

如果您觉得我的文章有帮助，请随意赞赏！
  1. typecho给代码块添加复制按钮
  2. 可用在Typecho上的非常酷炫代码（二）
  3. 可用在Typecho上的非常酷炫代码（一）
  4. 分享两个迅雷下载链接代码
  5. 网页中常用的命名

*发表评论

用QQ账号登录  请登录后发表评论