`
ice-cream
  • 浏览: 328422 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

网站灰黑色CSS滤镜代码

    博客分类：
  • Css
HTMLCSSFlashMicrosoftXHTML 
阅读更多

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>

 

以上方法只针对IE浏览器，其他浏览器还没有解决办法。

分享到：
| 设计师如何更有效拿到结果?
评论
2 楼 ice-cream 2011-07-11  
ianl_zt 写道
chrome不起作用。

是的，IE之外的浏览器都不支持滤镜filter，目前只有用css把字的颜色调灰并把图片改成灰色
1 楼 ianl_zt 2011-07-06  
chrome不起作用。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics