开发者社区> 问答> 正文

天津爆炸,百度搜索结果页面变灰色,filter grayscale 到底怎么个兼容?

百度页面如下:

https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=%E5%A4%A9%E6%B4%A5%E7%88%86%E7%82%B8%E8%87%B4112%E6%AD%BB&rsv_idx=2

变为灰色了,IE8及以下还是彩色,未起作用。

有没有熟悉filter属性的大神,给详细介绍下它的兼容性及使用注意事项,我看grayscale(100%)还有grayscale(1)。

展开
收起
杨冬芳 2016-06-03 10:52:05 4194 0
1 条回答
写回答
取消 提交回答
  • IT从业
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>赴汤蹈火英雄壮举照日月,舍生忘死烈士忠魂耀乾坤。</title>
    <style>
    html {
        filter: grayscale(1);
        -webkit-filter: grayscale(1);
        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    }
    </style>
    </head>
    <body>
        <h1>赴汤蹈火英雄壮举照日月,舍生忘死烈士忠魂耀乾坤。</h1>
        <img src="http://i.guancha.cn/news/2015/08/16/20150816185340908.jpg">
    </body>
    </html>

    上面的代码,Firefox、Chrome、IE8/IE7都能实现页面变灰以表示哀悼。
    screenshot

    2019-07-17 19:26:15
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
AIOps-百度的思考与实践 立即下载
百度外卖从IDC到云端服务迁移历程 立即下载
百度研发工具集的应用实践——打造持续交付路上的“三堵墙” 立即下载