V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
jiangle
V2EX  ›  CSS

问一个简单的CSS问题

  •  
  •   jiangle · 2013-04-20 21:56:31 +08:00 · 3771 次点击
    这是一个创建于 4235 天前的主题,其中的信息可能已经有所发展或是发生改变。
    如何让整个风格变成灰色~~~
    就是在发生重大灾难的时候,调整网站整体色调。
    作为对逝者的哀悼与思念~~~

    好像淘宝已经黑了
    7 条回复    1970-01-01 08:00:00 +08:00
    lanceli
        1
    lanceli  
       2013-04-20 22:00:43 +08:00   ❤️ 1
    -webkit-filter: grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    heidour
        2
    heidour  
       2013-04-20 22:23:49 +08:00   ❤️ 1
    方法学习了就好了。不要整的一片黑。
    本来我就心情恼火,洗澡都不敢去。上个网,还处处提醒我地震了地震了。
    弄点高兴的让我分分心喂!
    Air_Mu
        3
    Air_Mu  
       2013-04-20 22:28:53 +08:00
    记得黑化之后暂时把广告代码听了。否则弄巧成拙
    jiangle
        4
    jiangle  
    OP
       2013-04-20 23:04:02 +08:00
    @lanceli 这是全局的吗?

    *{

    -webkit-filter: grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    }
    breeswish
        5
    breeswish  
       2013-04-21 00:14:08 +08:00 via Android
    1#非常正解 这个可以全局使用 但是在IE下当心性能问题

    (话说我记得IE系列直接filter:gray就可以了 不知道两种有没有啥区别呢?)

    另外stackoverflow上有支持firefox的灰色化:
    http://stackoverflow.com/questions/609273/convert-an-image-to-grayscale-in-html-css
    ck65
        6
    ck65  
       2013-04-21 00:26:28 +08:00
    没人在听 2 楼说话的样子。。
    FrankFang128
        7
    FrankFang128  
       2013-04-21 12:19:23 +08:00
    @jiangle
    html{

    -webkit-filter: grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    }

    用 * 你会把用户卡死!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1030 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 19:35 · PVG 03:35 · LAX 11:35 · JFK 14:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.