兼容firefox，chrome的網(wǎng)頁灰度效果
更新時間：2011年08月08日 21:50:24 作者：
今天全天下網(wǎng)頁都變灰了對吧，話說我對這種強制行為很不解。哀悼與否在于一個人的內(nèi)心是否善良。表面上的讓網(wǎng)頁沒有顏色，讓視頻網(wǎng)站不能搜索，究竟有多大意義呢？
只是在技術(shù)上來看，要實現(xiàn)網(wǎng)頁灰度，最穩(wěn)妥的辦法莫過于直接處理所有圖像，不用考慮兼容，不用考慮效率。但是，工作量比較大，切換回來也費力。
ie系列支持css濾鏡，一句 filter:gray; 就解決了所有問題。但是，眾所周知，ie以效率低著名，你會發(fā)現(xiàn)開啟以后速度顯著下降。并且，最致命的，在其他瀏覽器下無效。
有沒有兼容所有瀏覽器的辦法呢？有。JavaScript能做到，早就有人用js模擬了ie的gray濾鏡，如果你感興趣并且愿意看英文，可以去看看《“GRAYSCALING” IN NON-IE BROWSERS》。如果你不愿意看，我可以直接告訴你怎么用。
1. 下載grayscale.js文件
2. 在你的header里引用這個js文件
<script type="text/javascript" src="../include/jscript/grayscale.js"></script>
3. 要實現(xiàn)全站灰度，在onload事件中調(diào)用
grayscale(document.body);
我的主題背景圖片比較多，處理起來較吃力，可能出現(xiàn)部分圖片消失的情況。。。
我會把這個效果開啟三天，如果因為處理問題導(dǎo)致主題顯示不正常影響了大家的瀏覽效果還請見諒。反正來這兒的都是熟人，要影響也就你們幾個。。。
ie系列支持css濾鏡，一句 filter:gray; 就解決了所有問題。但是，眾所周知，ie以效率低著名，你會發(fā)現(xiàn)開啟以后速度顯著下降。并且，最致命的，在其他瀏覽器下無效。
有沒有兼容所有瀏覽器的辦法呢？有。JavaScript能做到，早就有人用js模擬了ie的gray濾鏡，如果你感興趣并且愿意看英文，可以去看看《“GRAYSCALING” IN NON-IE BROWSERS》。如果你不愿意看，我可以直接告訴你怎么用。
1. 下載grayscale.js文件
2. 在你的header里引用這個js文件
<script type="text/javascript" src="../include/jscript/grayscale.js"></script>
3. 要實現(xiàn)全站灰度，在onload事件中調(diào)用
grayscale(document.body);
我的主題背景圖片比較多，處理起來較吃力，可能出現(xiàn)部分圖片消失的情況。。。
我會把這個效果開啟三天，如果因為處理問題導(dǎo)致主題顯示不正常影響了大家的瀏覽效果還請見諒。反正來這兒的都是熟人，要影響也就你們幾個。。。
相關(guān)文章
這篇文章主要介紹了如何在PHP中使用AES加密算法加密數(shù)據(jù),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-06-06
這篇文章主要介紹了php清除和銷毀session的方法,實例分析了unset()與session_destroy()清除及銷毀session的技巧,需要的朋友可以參考下2015-03-03
laravel是一個流行的PHP開發(fā)框架,用于構(gòu)建高性能的Web應(yīng)用程序,在開發(fā)和維護laravel項目時,了解當(dāng)前使用的laravel版本是非常重要的,本文將介紹三種方法來查看laravel版本,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了PHP 觀察者模式,結(jié)合實例形式深入分析了對觀察者模式的理解與應(yīng)用及相關(guān)注意事項,需要的朋友可以參考下2019-09-09
本文先是回顧了Laravel5.2中路由的修改，然后給大家用實例代碼介紹了如何修改Laravel5.3中的路由，有需要的小伙伴們可以參考學(xué)習(xí)。2016-08-08
這篇文章主要介紹了PHP在線打包下載功能實現(xiàn)方法,結(jié)合實例形式分析了php打包下載的實現(xiàn)流程與相關(guān)注意事項,需要的朋友可以參考下2016-10-10
PHP學(xué)習(xí)筆記之二，開始學(xué)習(xí)php的朋友可以看下。2011-01-01
這篇文章主要介紹了PHP copy函數(shù)使用案例代碼解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-09-09
探討PHP使用eAccelerator的API開發(fā)詳解
本篇文章是對PHP使用eAccelerator的API開發(fā)進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
本文給大家分享的是自制PHP框架的第二部分內(nèi)容，包括模型和數(shù)據(jù)庫的使用，這里通過具體的實例給大家展示了出來，希望大家能夠喜歡2017-05-05