兼容firefox，chrome的網(wǎng)頁(yè)灰度效果

2024-05-04 23:17:08

字體：大中小

供稿：網(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è)。。。

上一篇：PHP+MYSQL會(huì)員系統(tǒng)的登陸即權(quán)限判斷實(shí)現(xiàn)代碼

下一篇：php簡(jiǎn)單的會(huì)話類代碼