網站變灰的方法,兼容ie,火狐,360,chrome等瀏覽器

發布時間:2020-04-04 20:50:37 作者:admin 來源:本站 瀏覽量:22 點贊:148
摘要:全國哀悼日使網站變灰的方法大全(兼容ie,火狐,360,chrome)每逢全國哀悼日,如四川雅安蘆山發生7.0級別大地震,不少網站首頁已經變成了灰色表示哀悼。下面整理了幾種讓網頁變灰色的CSS代碼,供各位站長參考!方法1:支持IEhtml{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}說明:此方法支持IE,不

全國哀悼日使網站變灰的方法大全(兼容ie,火狐,360,chrome)

每逢全國哀悼日,如四川雅安蘆山發生7.0級別大地震,不少網站首頁已經變成了灰色表示哀悼。下面整理了幾種讓網頁變灰色的CSS代碼,供各位站長參考!

方法1:支持IE

html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

說明:此方法支持IE,不支持Firefox和Chrome等非IE內核瀏覽器。

方法2:支持IE

body {filter:gray}

說明:此方法支持IE,不支持Firefox和Chrome等非IE內核瀏覽器。

提示:雖然這個方法代碼量最小,但是效果卻不好,而且網頁也比較卡。

方法3:同時支持IE和Chrome

html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}

說明:此方法支持IE瀏覽器、Safari和Chrome等瀏覽器,但是不支持Firefox瀏覽器。

方法4:使用grayscale.js插件

使用grayscale.js插件。這個插件是模擬IE的filter:progid方法。

使用方法:

grayscale.js插件源文件:http://www.795458.com/static/js/grayscale.js

window.onload=function(){
grayscale(document.body);
}

說明:支持IE、Safari、Chrome、Opera和Firefox等瀏覽器。

問題:這個在IE下也挺占資源的。

方法五:

找到你的CSS文件然后修改css代碼文件。在以下的文件當中

form,div,span,img,ul,ol,li,{
filter: gray;
}

建議:使用方法3,雖然不支持更多的瀏覽器,但是穩定、速度快,而且資源占用小。

以上方法均可達到使網站變灰色的效果,讓我們一起為遇難同胞默默的哀悼。

二維碼

掃一掃,關注我們

聲明:本文由【藍圖網絡】編輯上傳發布,轉載此文章須經作者同意,并請附上出處【藍圖網絡】及本頁鏈接。如內容、圖片有任何版權問題,請聯系我們進行處理。

感興趣嗎?

歡迎聯系我們,我們愿意為您解答任何有關網站疑難問題!

您身邊的互聯網應用一站式服務平臺

專注互聯網開發十三年

主營:網站建設,品牌營銷,影視后期,APP開發,小程序開發,版權登記,商標注冊等

立即咨詢 17704385544
在線客服
嘿,我來幫您!
成年片黄网站色大全免费的,丰满饥渴老女人hd,一本大道无码日韩精品视频,强制中出し~大桥未久01
<蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>