首页 > 大杂烩 > 借助CSS滤镜快速将网站页面变成黑白样式

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

2010年4月21日 发表评论 阅读评论

网页变黑白_酥油灯

让我为你点亮一盏酥油灯

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浏览器中实现。

无觅相关文章插件,快速提升流量


  1. 2010年4月23日19:59 | #1

    今天的脚印是彩色的

  2. 2010年4月23日16:51 | #3

    我来留个 脚印 :-D

    • 2010年4月23日19:42 | #4

      @一起囧, :-D 我之前经常去 17jiong。com.是不是也是你的站哦~

      • 2010年4月23日21:37 | #5

        @文夕, 不是我的,我之前也没注意 有次在google搜索17jiong 才知道还有个。com的跟我一样的玉米

评论分页
  1. 本文目前尚无任何 trackbacks 和 pingbacks.