<font id="vh7td"></font>

      <rp id="vh7td"></rp>

      <address id="vh7td"></address>
      <em id="vh7td"><i id="vh7td"></i></em>

          <mark id="vh7td"><noframes id="vh7td">
          <font id="vh7td"></font>
            新聞建站cms系統、政府cms系統定制開發

            廣州網站建設公司-閱速公司

            asp.net新聞發布系統、報紙數字報系統方案
            /
            http://www.goldexpectations.com/
            廣州網站建設公司
            您當前位置:首頁>網站技術

            網站技術

            簡單CSS hack:區分IE6、IE7、IE8、Firefox、Opera

            發布時間:2009/4/7 17:11:16  作者:  閱讀:877  

            廣告:阿里云采購優惠專區

            簡單CSS hack:區分IE6、IE7、IE8、Firefox、Opera

            方法一:

            跨瀏覽器的網頁設計一直是讓人很頭疼的問題,這不只是因為瀏覽器的版本眾多,還有一個重要的原因是相同瀏覽器的不同時期的版本也會有差異,甚至是在不同操作同臺上還會有不同。因此使CSS hack技術進行瀏覽器區分是實現跨瀏覽器訪問一個好方法。CSS Hack技術有很多,具體可以查看:

            本文據說的主要是通過“.”,“>”,“*”,“_”來區分。以下是本人對這四種符號的測試結果:
            ———————IE6——IE7——IE8——FF2——FF3—Opera9.5
            >property——Y——Y——Y——N——N——N
            .property——Y——Y——Y——N——N——N
            *property——Y——Y——Y——N——N——N
            _property——Y——N——N——N——N——N

            我們可以看到>property、.property、*property在各瀏覽器中的表現是一致的,只有_property在IE6和IE7、IE8中有所區別。另外還要注意的,IE6是不支持!important的,而其他幾款瀏覽器都識別。

            舉例:
            要對想同的文字在不同瀏覽器中顯示不同的顏色可以使用:

            color:brown!important;/*用于Opera、Firefox2、Firefox3等現代瀏覽器*/

            >color:green!important;/*IE7、IE8可以識別該規則,因此它覆蓋掉了上一條規則*/

            color:red;/*所有瀏覽器都可以識別,但是以上兩條規則有!important,所以這條規則被忽視;只有IE6認識并覆蓋掉上兩條規則*/


            color:brown !important;/*用于Opera、Firefox2、Firefox3等現代瀏覽器*/
            >color:green !important;/*IE7、IE8可以識別該規則,因此它覆蓋掉了上一條規則*/
            color:red;/*所有瀏覽器都可以識別,但是以上兩條規則有!important,所以這條規則被忽視;只有IE6認識并覆蓋掉上兩條規則*/

            因此這就實現了跨瀏覽器的表現問題。_property和*property也是一樣的。對于_property來說,只有IE6才能識別,因此可以用于單獨對IE6的設置中。

            不過這里要注意書寫的順序:現在瀏覽器的寫法要寫在最前面,IE6的寫法要寫在最后面用于覆蓋,其他瀏覽器寫在中間。


            方法二:

            其實主要是瀏覽器:IE6/IE7/firefox下,各個對CSS代碼的解釋有區別,下邊轉載一篇HACK的文章,相當實用。

            區別IE6與FF:background:orange;*background:blue;

            區別IE6與IE7:background:green !important;background:blue;

            區別IE7與FF:background:orange; *background:green;

            區別FF/IE7/IE6:background:orange;*background:green !important;*background:blue;

            注:IE都能識別*標準瀏覽器(如FF)不能識別*
            IE6能識別*,但不能識別 !important
            IE7能識別*,也能識別!important
            FF不能識別*,但能識別!important

            另外再補充一個,下劃線"_",
            IE6支持下劃線,IE7和firefox均不支持下劃線。(推薦.我這只有這個有效!)

            于是大家還可以這樣來區分IE6、IE7、firefox
            : background:orange;*background:green;_background:blue;

            * htmlp {color:#f00;}支持 IE6不支持FF IE7 IE8b

            *+html p {color:#f00;}支持 IE7 IE8b不支持FF IE6

            p {*color:#f00;}支持 IE7 IE6不支持FF IE8

            注:不管是什么方法,書寫的順序都是firefox的寫在前面,IE7的寫在中間,IE6的寫在后面。

            廣告:阿里云新人采購專場

            相關文章
            簡單CSS hack:區分IE6、IE7、IE8、Firefox、Opera
            cms新聞系統購買咨詢
            掃描關注 廣州閱速軟件科技有限公司
            掃描關注 廣州閱速科技
            青娱乐极品视觉盛宴国产视频_精品人妻少妇一区二区_禁断の肉体乱爱中文字幕_国产日本卡二卡三卡四卡

            <font id="vh7td"></font>

                <rp id="vh7td"></rp>

                <address id="vh7td"></address>
                <em id="vh7td"><i id="vh7td"></i></em>

                    <mark id="vh7td"><noframes id="vh7td">
                    <font id="vh7td"></font>