2. 程序综合区
  3. 页面黑白 css滤镜实现页面灰色黑白色效果代码

2核1G3M服务器88一季度

腾讯云，阿里云百度云等 折扣价→点我←

页面黑白 css滤镜实现页面灰色黑白色效果代码 discuz 教程

公共账号 管理员组
淘宝的代码 
html { 
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
-webkit-filter: grayscale(1); 
}


CSS3 greyscale 滤镜实现

如下测试代码： 
.gray { 
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; 
}


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>
站长窝论坛版权声明 1、本帖标题：页面黑白 css滤镜实现页面灰色黑白色效果代码
2、论坛网址：站长窝论坛
3、站长窝论坛的资源部分来源于网络，如有侵权，请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点，并不代表本站赞同其观点和对其真实性负责。
5、站长窝论坛一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本帖由公共账号在站长窝论坛《程序综合区》版块原创发布， 转载请注明出处！
收藏的用户（0） X
正在加载信息~
上一篇：给网页加上打印网页的功能。一行JS+HTML代码即可！
下一篇：使用 getCurrentPosition() 方法来获得用户的位置
评论
最新回复 (0)
返回
发新帖
作者最近主题
相关贴子