首页 > 网摘, 设计 > 全国哀悼日网站以及wordpress变灰教程

全国哀悼日网站以及wordpress变灰教程

2010年4月20日Visited 3806 times, 2 so far today 发表评论 阅读评论

为了配合明天4月21日的全国哀悼日,特别翻回以前的老教程,蛋蛋已经把这个一下子变灰代码用起来了。

PS:这个把网页变成黑白的代码的效果只对IE以及IE内核浏览器有效,而firefox,chrome等是无效的。


在wordpress上变灰的方法:

登陆WordPress后台,选择“外观-主题编辑器-style.css”,然后在body的上一行,加入下列代码:

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

via:http://www.w757.com/424.html

在普通网站上变灰的方法:

同样是使用上面的那段代码,和wordpress一样,加入到网站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” “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>

via:http://www.5u.hk/old/content.asp?id=381

收藏与分享:
  • del.icio.us
  • 开心网
  • 豆瓣
  • QQ书签
分类: 网摘, 设计 标签:
  1. 2010年8月15日00:06 | #1

    我想看彩色的~

  2. 2010年4月22日15:23 | #2

    CSS 滤镜 IE Only

  3. 2010年4月21日11:47 | #3

    灰啥啊,你那只能在IE下有效……

    蛋蛋 回复:

    这句语句可能是主要针对当时比较多人用的ie吧,人民网,新华网,土豆,优酷用的都是这句,所以你在ie看是灰色的,在别的浏览器看是彩色。而新浪,网易,搜狐变灰就用比较复杂的方式变灰所以就什么浏览器看都基本是灰的了。

  4. 2010年4月21日09:13 | #4

    我们商城也拉灰色了,谢谢分享

  1. 2010年4月20日13:12 | #1
  2. 2010年4月21日02:06 | #2
  3. 2010年4月22日20:55 | #3

评论审核已启用。您的评论可能需要一些时间才会显示。