开发者社区> 风月无边> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

使整个网页变黑白色(灰色)的特效代码

简介: 使用方法: 最简单的把页面变成灰色的代码是在head 之间加 <style type="text/css"> html { FILTER: gray } </style> 第一情况:把下面代码复制到你网页的<he
+关注继续查看

使用方法:

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

<style type="text/css">
html {
FILTER: gray
}
</style>

第一情况:把下面代码复制到你网页的<head></head>中就可以了实现

<style type="text/css">
<!--
BODY {
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
-->
</style>

第二情况:如果你的站已有CSS,那加入

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

就可以了

第三情况:如果你的CSS中已有BODY {}那么你就加入

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
例如:

BODY {
FONT-SIZE: 12px; MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

第四情况:有一些站长的网站可能使用这个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"/>

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
多次请求后tomcat网页无法响应请求,假死【控制台始终可以正常响应】
多次请求后tomcat网页无法响应请求,假死【控制台始终可以正常响应】
63 0
详谈C++11新特性之future及开源项目ananas(folly,std c++11和ananas的future各自的区别是?)(一)
详谈C++11新特性之future及开源项目ananas(folly,std c++11和ananas的future各自的区别是?)
158 0
新网站的内页如何让百度秒收录
新网站的内页如何让百度秒收录
251 0
已被.NET基金会认可的弹性和瞬态故障处理库Polly介绍
原文:已被.NET基金会认可的弹性和瞬态故障处理库Polly介绍 前言 本节我们来介绍一款强大的库Polly,Polly是一种.NET弹性和瞬态故障处理库,允许我们以非常顺畅和线程安全的方式来执诸如行重试,断路,超时,故障恢复等策略。
724 0
js网页特效漂亮的星级评价效果
js网页特效漂亮的星级评价效果 body{ margin:0;padding:0 10px;color:#333;text-align:center;font:12px Arial,Helvetica,sans-serif; } h1,h2,h3,h4,h...
654 0
+关注
风月无边
java,架构方面专家
367
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载