欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 经验分享 > Css&Div > 多种CSS网站变灰色、黑色、红色的方法集锦

多种CSS网站变灰色、黑色、红色的方法集锦

2018-06-23 1283 收藏 0 赞一个 0 真差劲 0 去评论

还记得2008.5.12四川汶川大地震吗?带走了很多同胞的生命,为了纪念逝者,很多网站在汶川大地震哀悼日和每年的5.12当天,都会把网站弄成变色。虽然已经过去几年了,今天又无意想起CSS网站变灰代码,觉得如果除了变灰色之外,也可以变红色喜庆点的、也可以变黑色的庄重型的,下面我们来说几种方法,主要是使用CSS滤镜来实现。

方法一、使用filter:progid网站变灰,只需一行代码即可实现,你可复制代码添加到你公共CSS文件的最开始就行了:

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

如果加入后你的网站并没有变灰,很可能是因为你的网站没有使用最新的网页标准协议,需要把你网页最顶部的<html>标签的内容替换为以下代码:

<!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,则需要在FLASH代码的<object …>和</object>之间插入:

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

方法三、使用fliter滤镜实现网站变灰,请在您的CSS文件中加入以下代码:

html {
filter: gray;
}

以上这些都是把网站统一变成灰色调,如果要变成红色呢?同样简单,你只需把gray(英文是灰色的意思)改成:filter: red;或filter: black;等等颜色,很神奇吧,自己试试吧。

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

大家评论