您当前的位置: 首页 > 前端教程 > CSS教程 > 网页全部灰色CSS滤镜实例

网页全部灰色CSS滤镜实例

作者:不详 来源:网络 发布时间: 2010-07-15 14:38 点击:
网页全部灰色CSS滤镜实例 html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} 使用方法:这段代码可以变网页为黑白,将代码加到公用CSS文件最顶端就可以实现素装。 有一些站长的网站可能使用这个css不能生效,是因为网站没有使用最新的网页标准

网页全部灰色CSS滤镜实例

  网页全部灰色CSS滤镜实例
  
  html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
  
  使用方法:这段代码可以变网页为黑白,将代码加到公用CSS文件最顶端就可以实现素装。
  
  有一些站长的网站可能使用这个css不能生效,是因为网站没有使用最新的网页标准协议
  
  <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
  <htmlxmlns="http://www.w3.org/1999/xhtml">
  
  请将网页最头部的<html>替换为以上代码。
  
  有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object…>和</object>之间插入:
  
  <paramvalue="false"name="menu"/>
  
  <paramvalue="opaque"name="wmode"/>
  
  问题:
  
  1、在用滤镜使页面变灰后页面的加载速度明显变慢了,因为滤镜是一个非常毫费资源的东西;
  
  2、不兼容FireFox;很多效果只能在IE中使用。

分享到:
本文"网页全部灰色CSS滤镜实例"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4