您的位置：首页 > 运维架构 > 网站架构

网站样式变黑白

2013-04-20 17:17 776 查看
在某些特殊的时刻，或为了特别的效果需要将网站页面变成黑白样式！下面和大家分享如何实现，简单的来说就是通过CSS滤镜控制。

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

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

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

<style>

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

</style>

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

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

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

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

<styletype="text/css">

html{

FILTER:gray

}

</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>替换为以上代码。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航