• 當前位置: 首頁 > 新聞 > 公司新聞 >

    天佑天津愿一切安好 讓網站變灰的CSS代碼

    時間:2015-08-14 13:10來源:未知 作者:admin 點擊:

    讓網站變灰的CSS代碼(支持IE、FIREFOX和CHROME)

    天佑天津愿一切安好,不少網站首頁已經變成了灰色表示哀悼。下面筆者整理了幾種讓網頁變灰色的CSS代碼,供各位站長參考!

    方法1:支持IE

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

    <html xmlns=”http://www.w3.org/1999/xhtml”>

    <style>

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

    </style>

    說明:此方法支持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/

    使用方法:

    <script src=”http://james.padolsey.com/demos/grayscale/grayscale.js” type=”text/javascript”></script>

    <script type=”text/javascript”>

    window.onload=function(){

    grayscale(document.body);

    }

    </script>

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

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

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

    聯系我們
    • 全國免費訂貨熱線:
    • 劉云勝:13702025139
    • 張連琴:13820620448
    • 移動座機:022-15712214022
    • 電 話:022-28661006
    • 傳真022-28661006
    • 郵箱:liuyunsheng1972@126.com
    • 地址:天津市津南區小站鎮工業園

  • 電 話 022-28661006 地址:天津市津南區小站鎮工業園 
  • 2021最新精品偷拍_高清国产ww午夜com_黄色网站免费看视频_免费成人在线