兼容firefox，chrome的網(wǎng)頁(yè)灰度效果
更新時(shí)間：2011年08月08日 21:50:24 作者：
今天全天下網(wǎng)頁(yè)都變灰了對(duì)吧，話說(shuō)我對(duì)這種強(qiáng)制行為很不解。哀悼與否在于一個(gè)人的內(nèi)心是否善良。表面上的讓網(wǎng)頁(yè)沒(méi)有顏色，讓視頻網(wǎng)站不能搜索，究竟有多大意義呢？
只是在技術(shù)上來(lái)看，要實(shí)現(xiàn)網(wǎng)頁(yè)灰度，最穩(wěn)妥的辦法莫過(guò)于直接處理所有圖像，不用考慮兼容，不用考慮效率。但是，工作量比較大，切換回來(lái)也費(fèi)力。
ie系列支持css濾鏡，一句 filter:gray; 就解決了所有問(wèn)題。但是，眾所周知，ie以效率低著名，你會(huì)發(fā)現(xiàn)開(kāi)啟以后速度顯著下降。并且，最致命的，在其他瀏覽器下無(wú)效。
有沒(méi)有兼容所有瀏覽器的辦法呢？有。JavaScript能做到，早就有人用js模擬了ie的gray濾鏡，如果你感興趣并且愿意看英文，可以去看看《“GRAYSCALING” IN NON-IE BROWSERS》。如果你不愿意看，我可以直接告訴你怎么用。
1. 下載grayscale.js文件
2. 在你的header里引用這個(gè)js文件
<script type="text/javascript" src="../include/jscript/grayscale.js"></script>
3. 要實(shí)現(xiàn)全站灰度，在onload事件中調(diào)用
grayscale(document.body);
我的主題背景圖片比較多，處理起來(lái)較吃力，可能出現(xiàn)部分圖片消失的情況。。。
我會(huì)把這個(gè)效果開(kāi)啟三天，如果因?yàn)樘幚韱?wèn)題導(dǎo)致主題顯示不正常影響了大家的瀏覽效果還請(qǐng)見(jiàn)諒。反正來(lái)這兒的都是熟人，要影響也就你們幾個(gè)。。。
ie系列支持css濾鏡，一句 filter:gray; 就解決了所有問(wèn)題。但是，眾所周知，ie以效率低著名，你會(huì)發(fā)現(xiàn)開(kāi)啟以后速度顯著下降。并且，最致命的，在其他瀏覽器下無(wú)效。
有沒(méi)有兼容所有瀏覽器的辦法呢？有。JavaScript能做到，早就有人用js模擬了ie的gray濾鏡，如果你感興趣并且愿意看英文，可以去看看《“GRAYSCALING” IN NON-IE BROWSERS》。如果你不愿意看，我可以直接告訴你怎么用。
1. 下載grayscale.js文件
2. 在你的header里引用這個(gè)js文件
<script type="text/javascript" src="../include/jscript/grayscale.js"></script>
3. 要實(shí)現(xiàn)全站灰度，在onload事件中調(diào)用
grayscale(document.body);
我的主題背景圖片比較多，處理起來(lái)較吃力，可能出現(xiàn)部分圖片消失的情況。。。
我會(huì)把這個(gè)效果開(kāi)啟三天，如果因?yàn)樘幚韱?wèn)題導(dǎo)致主題顯示不正常影響了大家的瀏覽效果還請(qǐng)見(jiàn)諒。反正來(lái)這兒的都是熟人，要影響也就你們幾個(gè)。。。
相關(guān)文章
PHP根據(jù)兩點(diǎn)間的經(jīng)緯度計(jì)算距離
這篇文章主要介紹了PHP如何根據(jù)兩點(diǎn)間的經(jīng)緯度計(jì)算距離，代碼很簡(jiǎn)單，但很實(shí)用，需要的朋友可以參考下2014-10-10
PHP 文件緩存的性能測(cè)試，需要的朋友可以參考下。2010-04-04
使用phpQuery輕松采集網(wǎng)頁(yè)內(nèi)容,像使用jQuery一樣處理頁(yè)面內(nèi)容
2013-11-11 
這篇文章主要介紹了PHP加密解密類,實(shí)例分析了php實(shí)現(xiàn)加密與解密的原理與相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-04-04 
php實(shí)現(xiàn)漢字驗(yàn)證碼和算式驗(yàn)證碼的方法
這篇文章主要介紹了php實(shí)現(xiàn)漢字驗(yàn)證碼和算式驗(yàn)證碼的方法,實(shí)例分析了算式驗(yàn)證碼及中文漢字驗(yàn)證碼的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-03-03 
深入了解 register_globals (附register_globals=off 網(wǎng)站打不開(kāi)的解決方法)
由于register_globals設(shè)置控制PHP變量訪問(wèn)范圍,如果開(kāi)啟會(huì)引起不必要的安全問(wèn)題,所以這里對(duì)其進(jìn)行了強(qiáng)制關(guān)閉,如果站長(zhǎng)的空間不支持,可以采用以下幾種辦法進(jìn)行修改,供廣大站長(zhǎng)參考
2012-06-06 
php中->?、=>、::、$this->四種常見(jiàn)符號(hào)使用方法技巧
php中->?、=>、::、$this->四種符號(hào)在代碼中很常見(jiàn),使用很廣泛。這篇文章主要介紹了php中->?、=>、::、$this->四種常見(jiàn)符號(hào)使用方法技巧
2022-12-12 
PHP實(shí)現(xiàn)websocket通信的方法示例
這篇文章主要介紹了PHP實(shí)現(xiàn)websocket通信的方法,結(jié)合實(shí)例形式分析了php基于websocket類的socket通信相關(guān)客戶端與服務(wù)器端操作技巧,需要的朋友可以參考下
2018-08-08 
本篇文章是對(duì)strtr函數(shù)的效率問(wèn)題進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下
2013-06-06