首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
  • 为什么网站变灰的代码放html标记上有效,放CSS里无效呢? [已结贴,结贴人:myr_2002]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • myr_2002
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    • 揭帖率:
    发表于:2008-05-19 20:06:43 楼主
    html {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" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);">

    这样就有效了。有人知道为什么吗?

    另外问下,html {filter:gray}与前面那句有什么区别?我试了这两个竟然效果是一样的。

    最后,用了filter后网页变得很慢,特别是拉动滚动条时,明显有卡感。为啥呢?
    100  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • chinmo
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    • 2

      6

    发表于:2008-05-19 20:22:341楼 得分:20
    不要用这个了
    直接用body {filter:gray;}
    html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
    这个在W3C标准下才有效!!
    用body {filter:gray;}这个就好了
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • BlueDestiny
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-05-19 20:51:272楼 得分:5
    加个选择符就好了,只不过速度可能会慢一些
    * { filter:gray }
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • myr_2002
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-05-19 20:56:213楼 得分:0
    除非放html标记上,放CSS里两种方式都试了,无效。更新了缓存的
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • myr_2002
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-05-19 20:56:454楼 得分:0
    放body上背景图片不会变灰
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • chinmo
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    • 2

      6

    发表于:2008-05-19 22:20:135楼 得分:5
    html,body {filter:gray;}
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • vising
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-05-19 23:23:426楼 得分:20
    第一步,在页面的 <head>与 </head>之间加下如下CSS滤镜
    <style>
    .gray *{filter: Gray;}

    </style>
    ------------
    第二步:指定 <body ....>样式.
    <body class="gray">

    第三步:指定flash层样式,加入:*{filter: Gray;}
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • myr_2002
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-05-20 06:21:417楼 得分:0
    引用 5 楼 chinmo 的回复:
    html,body {filter:gray;}


    没效果
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • myvicy
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    • 3

      3

    发表于:2008-05-20 08:37:168楼 得分:20
    定是你什么地方写的不对了。
    html, body {height: 100%; max-height:100%; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
    参见:
    http://topic.csdn.net/u/ui/styles/default/topic.css
    http://topic.csdn.net/u/ui/styles/base.css
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • yanghu0838
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-05-20 09:31:509楼 得分:20
    第一步,在页面的 <head>与 </head>之间加下如下CSS滤镜 
    <style> 
    .gray *{filter: Gray;} 

    </style> 
    ------------ 
    第二步:指定 <body ....>样式. 
    <body class="gray"> 

    第三步:指定flash层样式,加入:*{filter: Gray;}

    有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的 <object …>和 </object>之间插入:

    <param value="false" name="menu"/>
    <param value="opaque" name="wmode"/>
    这些是完全可以正常的!
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • lymyx
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-05-20 22:46:0110楼 得分:5

    标准不一样,当然就有不支持的了。

    可以用

    html,body,p,div,form{filter:gray;color:gray;}

    在IE里是支持的。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • chinmo
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    • 2

      6

    发表于:2008-05-20 22:47:2211楼 得分:0
    引用 7 楼 myr_2002 的回复:
    引用 5 楼 chinmo 的回复:
    html,body {filter:gray;}


    没效果

    汗!我的所有都有效果!!我们公司旗下所有网占都使用的这个
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • kingwolf_JavaScript
    • 等级:
    • 可用分等级:
    • 总技术专家分:
    • 总技术专家分排名:
    发表于:2008-05-29 06:36:1212楼 得分:5
    直接用body {filter:gray;}
    修改 删除 举报 引用 回复

    网站简介广告服务网站地图帮助联系方式诚聘英才English 问题报告
    北京创新乐知广告有限公司 版权所有 京 ICP 证 070598 号
    世纪乐知(北京)网络技术有限公司 提供技术支持
    Copyright © 2000-2008, CSDN.NET, All Rights Reserved