<strike id="bffrp"></strike>

        <noframes id="bffrp">

          <address id="bffrp"><nobr id="bffrp"><meter id="bffrp"></meter></nobr></address>

          <address id="bffrp"><listing id="bffrp"></listing></address>

          <noframes id="bffrp">
          <address id="bffrp"><address id="bffrp"></address></address>
          <noframes id="bffrp">
            <form id="bffrp"></form>
            <address id="bffrp"></address>
              <form id="bffrp"><nobr id="bffrp"><meter id="bffrp"></meter></nobr></form><address id="bffrp"><listing id="bffrp"></listing></address><noframes id="bffrp"><form id="bffrp"><th id="bffrp"></th></form>

                讓網站變灰的css代碼(支持ie、firefox和chrome)

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

                方法1:支持IE

                !--

                =

                html{(=1);}

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

                方法2:支持IE

                body{filter:gray}

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

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

                方法3:同時支持IE和Chrome

                style

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

                /style

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

                方法4:使用grayscale.js插件

                使用grayscale.js插件。這個插件是模擬IE的filter:progid方,官網地址在:

                http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/

                使用方法:

                scriptsrc=http://james.padolsey.com/demos/grayscale/grayscale.jstype=text/javascript/script

                scripttype=text/javascript

                window.onload=function(){

                grayscale(document.body);

                }

                /script

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

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

                建議:使用方法3

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

                版權聲明

                本文僅代表作者觀點,不代表本站立場。
                本文系作者授權發表,未經許可,不得轉載。

                評論

                河北快