网页变黑白…

简介:

全国哀悼日

要停止一切娱乐活动

同时老板指示为了表示哀悼

网页要改成黑白的

 

翻翻以前512的时候的黑白CSS,套上就能用了

其实就是在网页上加层滤镜

在这分享下吧:

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

或者:html { FILTER: gray }

在网页里加也行,不过页面多了改动量太大,还是CSS方便

<style. type="text/css">

html {
    FILTER: gray
}
</style>

有的时候加上后可能不生效,是因为网站没有使用最新的网页标准协议

需要在页面里加上:

<!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">

网站的FLASH动画的颜色不能被CSS滤镜控制,需要在FLASH代码的<object…>和</object>之间加上:

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

 

基本上大功告成…

 

 

不过加上滤镜后感觉网页上的动画稍微慢了点

而且滤镜只有IE支持,万恶的firefox不支持...

咱没有大批的美工去改图片,只能先这样凑合了

 


本文转自 sun8134 博客园博客,原文链接:http://www.cnblogs.com/sun8134/archive/2010/04/21/1716794.html   ,如需转载请自行联系原作者

相关文章
Dreamweaver网页色彩的搭配
Dreamweaver网页色彩的搭配
107 0
|
前端开发
HTML网页一键变黑白色调
我们的网站有时可能需要实现全站黑白色调功能(一般常用于悼念日) ,如何快速地实现一键黑白色调效果,我们需要了解 CSS 的 filter(滤镜) 属性
141 0
HTML网页一键变黑白色调
|
前端开发
前端网页让照片动起来
前端网页让照片动起来
117 0
前端网页让照片动起来
|
Web App开发 前端开发
|
Web App开发 前端开发
CSS实用技巧之黑白图像
在五彩缤纷的世界中,回归到黑白照片绝对是一种“复古”行为。而这种行为非常好理解的地方,就是黑白照片有着更细腻的画面感,展示出来的效果与众不同。下面我们通过一段代码让你的彩色照片显示为黑白照片,是不是很酷?
1228 0