借助CSS滤镜快速将网站页面变成黑白样式

网页变黑白_酥油灯

让我为你点亮一盏酥油灯

2010年4月21日 全国哀悼日

在某些特殊的时刻,或为了特别的效果需要将网站页面变成黑白样式!下面和大家分享如何实现,简单的来说就是通过CSS滤镜控制。

1、将下面代码添加到CSS样式表最顶端就可以实现素装(变网页为黑白)。

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

*{filter:gray; color:gray;}

2、对于没有使用CSS样式表的网站,可在 网页/模板 的HTML代码<head>和</head>之间插入:

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

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

<paramvalue="false"name="menu"/>
<paramvalue="opaque"name="wmode"/>

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

<styletype="text/css">
html{
FILTER:gray
}
</style>

提醒:以上方法只能在IE浏览器中实现。

赞 (0)

评论 28

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. win-google blogs今天的脚印是彩色的回复
  2. 一起囧我来留个 脚印 😀回复
    • 文夕@一起囧, 😀 我之前经常去 17jiong。com.是不是也是你的站哦~回复
      • 一起囧@文夕, 不是我的,我之前也没注意 有次在google搜索17jiong 才知道还有个。com的跟我一样的玉米回复
  3. 逅客好东西收藏了,只是昨天没登网站...回复
  4. 笨笨有些天没来了,问候问候。。回复
    • 文夕@笨笨, 😛 真的很久了~回复
      • 笨笨@文夕, 是啊,很抱歉哈有点小忙,哦你博客不保存信息。 电子邮箱等。。回复
        • 文夕@笨笨, ❗ 应该会的吧,难道需要做特别设置?回复
  5. 秦大少我都没顾得上改……回复
  6. 羽中FF下我做了CSS处理回复
    • 文夕@羽中, 看到了,不错~回复
  7. Net.Tink吱~~~~~ 😕回复
  8. exia我就是不知道html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} 应该放在哪个具体的位置~回复
    • 文夕@exia, 修改主题里面的那个stytle.css文件,放在顶部就可以。回复
      • exia@文夕, 本来是放对的,昨天晚上第一次刷新页面的时候没反映出来~ 现在好了回复
  9. Firm在松松那边尝试了下不行回复
    • 文夕@Firm, ❗ 啊,会这样……回复
  10. 小羿哀悼~~~~~~~~~ 😐 😐回复
  11. 苏扬求非IE内核浏览器CSS滤镜!回复
    • 文夕@苏扬, ❗ 这个我也不会……回复
  12. panny吊念那些失去生命的人们...... 😥回复