教程集 > 脚本编程 > javascript > 正文 css 网页变灰色各种方法总结

css 网页变灰色各种方法总结

发布时间：2023-09-08 编辑：jiaochengji.com

教程集为您提供css 网页变灰色各种方法总结等资源，欢迎您收藏本站，我们将为您提供最新的css 网页变灰色各种方法总结资源

本文章来给大家总结各种各样的css 网页变灰色各种方法代码，下面我来一一给大家介绍介绍，有需要了解的朋友可进入参考。

直接在css中如下加

在你的CSS开始加一句:

代码如下

复制代码

　　* {

　　FILTER: gray

　　}

　　.clear {

　　CLEAR: both

　　}

　　BODY {

　　BACKGROUND-REPEAT: repeat-x

　　}

但上面的只能在ie浏览器中使用并且flash 还无效

如果需要使网站变灰，在网页上加层滤镜就可以了。

代码如下

复制代码

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

或者：

html { FILTER: gray }

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

需要在页面里加上：

代码如下

复制代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2 <html xmlns="http://www.w3.org/1999/xhtml">

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

代码如下	复制代码
<param value="false" name="menu"/> <param value="opaque" name="wmode"/>

兼容主流浏览器的全站变灰CSS代码：

代码如下

复制代码

html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter:url("data:image/svg xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscalerayscale");
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); zoom: 1;
}

您可能感兴趣的文章：

上一篇：兼容ie6/ie7的inline-block元素的两端对齐布局下一篇：CSS background-position背景图片定位用法

[关闭]

css 网页变灰色各种方法总结

最近更新

浏览排行