让梦冬眠
封藏纷乱的梦不牵挂
© JinYon.Net
All Rights Reserved.

简单网页元素变灰代码

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

CSS代码
        

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

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

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

CSS代码
        

  1. <style>
  2.     

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

  5. </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.     

  3. <html xmlns="http://www.w3.org/1999/xhtml">

 

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

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

XML/HTML代码
        

  1. <param value="false" name="menu"/>
  2.     

  3. <param value="opaque" name="wmode"/>

 

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

CSS代码
        

  1. <style type="text/css">
  2.     

  3. html {FILTER: gray}
  4.     

  5. </style>

 

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

XML/HTML代码
        

  1. <body style="filter:gray">

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

2010-09-16
关键字: , ,