jiangle
V2EX  ›  CSS

问一个简单的CSS问题

  •  
  •   jiangle · Apr 20, 2013 · 4443 views
    This topic created in 4795 days ago, the information mentioned may be changed or developed.
    如何让整个风格变成灰色~~~
    就是在发生重大灾难的时候,调整网站整体色调。
    作为对逝者的哀悼与思念~~~

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

    *{

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

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

    另外stackoverflow上有支持firefox的灰色化:
    http://stackoverflow.com/questions/609273/convert-an-image-to-grayscale-in-html-css
    mogita
        6
    mogita  
       Apr 21, 2013
    没人在听 2 楼说话的样子。。
    FrankFang128
        7
    FrankFang128  
       Apr 21, 2013
    @jiangle
    html{

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

    用 * 你会把用户卡死!
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2824 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 07:38 · PVG 15:38 · LAX 00:38 · JFK 03:38
    ♥ Do have faith in what you're doing.