A-A+

利用CSS使网页背景变灰代码

2010年04月22日 网页制作 暂无评论 阅读 4,567 次

昨天打开一些网站发现背景都变成灰色,这是利用网络表达对青海玉树遇难人民深切哀悼的一种方式。在此本人献上具体的方法,希望大家收藏。废话不多说直接进入主题。

如果您是WP博客那么请打开主题下style.css在最顶部插入以下代码可实现全站变灰:

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

如果是别的程序且支持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>

大功告成,大家可以测试一下

下面是本站测试效果:

注:此方法只适合IE,推荐使用 另外一种方法可以实现网页灰白效果代码

给我留言

Copyright © 随缘博客 保留所有权利.   Theme  

用户登录

分享到: