之前四川雅安地震的時候,國內各大網站為了表示對遇難同胞的哀悼,頁面色彩都變成了黑白色,其中的實現方法其實非常簡單,只需要一行全域性的css程式碼即可,不需要修改或改動其他任何正常運作的程式碼,更不會給網站帶來任何影響,下面來看一下:
初始情況下,網站是絢麗多彩的:
為了避免廣告,把logo和部分文字抹掉了,,
實現方法是在<head></head>之間新增如下的css程式碼,或者其他呼叫方式也可以:
<style type="text/css">
body {
-webkit-filter: grayscale(100%);
}
</style>
就這麼簡單的一點程式碼,作用域就是整個body,整個網頁效果就出來了
另外可以在後端透過伺服器時間來控制樣式在零點或者定時生效和失效,實現起來就更加方便了
之前四川雅安地震的時候,國內各大網站為了表示對遇難同胞的哀悼,頁面色彩都變成了黑白色,其中的實現方法其實非常簡單,只需要一行全域性的css程式碼即可,不需要修改或改動其他任何正常運作的程式碼,更不會給網站帶來任何影響,下面來看一下:
初始情況下,網站是絢麗多彩的:
為了避免廣告,把logo和部分文字抹掉了,,
實現方法是在<head></head>之間新增如下的css程式碼,或者其他呼叫方式也可以:
<style type="text/css">
body {
-webkit-filter: grayscale(100%);
}
</style>
就這麼簡單的一點程式碼,作用域就是整個body,整個網頁效果就出來了
另外可以在後端透過伺服器時間來控制樣式在零點或者定時生效和失效,實現起來就更加方便了