• <tbody id="9je1r"></tbody><tbody id="9je1r"><acronym id="9je1r"><rp id="9je1r"></rp></acronym></tbody>
      • <acronym id="9je1r"><acronym id="9je1r"><rp id="9je1r"></rp></acronym></acronym>

        亚洲无码Aⅴ,视频1页精品,欧美系列一区二区,曰韩色999

        CSS Hack 匯總快查

        2012/11/8 9:59:28   閱讀:3293    發(fā)布者:3293

        屏蔽IE瀏覽器(也就是IE下不顯示)
        *:lang(zh) select {font:12px  !important;} /*FF,OP可見(jiàn),特別提醒:由于Opera最近的升級(jí),目前此句只為FF所識(shí)別*/
        select:empty {font:12px  !important;} /*safari可見(jiàn)*/
        這里select是選擇符,根據(jù)情況更換。第二句是MAC上safari瀏覽器獨(dú)有的。
        僅IE7與IE5.0可以識(shí)別
        *+html  select {…}
        當(dāng)面臨需要只針對(duì)IE7與IE5.0做樣式的時(shí)候就可以采用這個(gè)HACK。
        僅IE7可以識(shí)別
        *+html  select {…!important;}
        當(dāng)面臨需要只針對(duì)IE7做樣式的時(shí)候就可以采用這個(gè)HACK。
        IE6及IE6以下識(shí)別
        * html  select {…}
        這個(gè)地方要特別注意很多博客都寫(xiě)成了是IE6的HACK其實(shí)IE5.x同樣可以識(shí)別這個(gè)HACK。其它瀏覽器不識(shí)別。
        html/**/ >body  select {…}
        這句與上一句的作用相同。
        僅IE6不識(shí)別,屏蔽IE6
        select { display /*屏蔽IE6*/:none;}
        這里主要是通過(guò)CSS注釋分開(kāi)一個(gè)屬性與值,注釋在冒號(hào)前。
        僅IE6與IE5不識(shí)別,屏蔽IE6與IE5
        select/**/ { display /*IE6,IE5不識(shí)別*/:none;}
        這里與上面一句不同的是在選擇符與花括號(hào)之間多了一個(gè)CSS注釋。不屏蔽IE5.5
        僅IE5不識(shí)別,屏蔽IE5
        select/*IE5不識(shí)別*/ {…}
        這一句是在上一句中去掉了屬性區(qū)的注釋。只有IE5不識(shí)別,IE5.5可以識(shí)別。
        盒模型解決方法
        selct {width:IE5.x寬度; voice-family :"\"}\""; voice-family:inherit; width:正確寬度;}
        盒模型的清除方法不是通過(guò)!important來(lái)處理的。這點(diǎn)要明確。
        清除浮動(dòng)
        select:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
        在Firefox中,當(dāng)子級(jí)都為浮動(dòng)時(shí),那么父級(jí)的高度就無(wú)法完全的包住整個(gè)子級(jí),那么這時(shí)用這個(gè)清除浮動(dòng)的HACK來(lái)對(duì)父級(jí)做一次定義,那么就可以解決這個(gè)問(wèn)題。
        截字省略號(hào)
        select { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
        這個(gè)是在越出長(zhǎng)度后會(huì)自行的截掉多出部分的文字,并以省略號(hào)結(jié)尾,很好的一個(gè)技術(shù)。只是目前Firefox并不支持。
        只有Opera識(shí)別
        @media all and (min-width: 0px){ select {……} }
        針對(duì)Opera瀏覽器做單獨(dú)的設(shè)定。
        以上都是寫(xiě)CSS中的一些HACK,這些都是用來(lái)解決局部的兼容性問(wèn)題,如果希望把兼容性的內(nèi)容也分離出來(lái),不妨試一下下面的幾種過(guò)濾器。這些過(guò)濾器有的是寫(xiě)在CSS中通過(guò)過(guò)濾器導(dǎo)入特別的樣式,也有的是寫(xiě)在HTML中的通過(guò)條件來(lái)鏈接或是導(dǎo)入需要的補(bǔ)丁樣式。

        IE5.x的過(guò)濾器,只有IE5.x可見(jiàn)
        @media tty {
        i{content:"\";/*" "*/}} @import ''ie5win.css''; /*";}
        }/* */
        IE5/MAC的過(guò)濾器,一般用不著
        /*\*//*/
            @import "ie5mac.css";
        /**/
        IE的if條件Hack
        Only IE
        所有的IE可識(shí)別

        只有IE5.0可以識(shí)別
        Only IE 5.0+
        IE5.0包換IE5.5都可以識(shí)別

        僅IE6可識(shí)別
        Only IE 6/+
        IE6以及IE6以下的IE5.x都可識(shí)別
        Only IE 7/-
        僅IE7可識(shí)別
        以上內(nèi)容可能并不全面,歡迎大家能和我一起把這些技巧都匯總起來(lái),為以后工作的查詢(xún)提供一個(gè)方便,同時(shí)在這里感謝那些研究出這些HACK的作者們。

        亚洲无码Aⅴ,视频1页精品,欧美系列一区二区,曰韩色999
            • <tbody id="9je1r"></tbody><tbody id="9je1r"><acronym id="9je1r"><rp id="9je1r"></rp></acronym></tbody>
            • <acronym id="9je1r"><acronym id="9je1r"><rp id="9je1r"></rp></acronym></acronym>
              文水县| 宁武县| 绥棱县| 德清县| 定结县| 兰州市| 咸宁市| 营山县| 博客| 房产| 平凉市| 山西省| 嘉禾县| 连云港市| 轮台县| 屏山县| 体育| 安庆市| 嵩明县| 正蓝旗| 淄博市| 观塘区| 论坛| 甘肃省| 咸阳市| 宿迁市| 丰都县| 玉溪市| 清涧县| 霍邱县| 吴旗县| 新巴尔虎右旗| 正定县| 德保县| 若羌县| 勃利县| 香格里拉县| 钟祥市| 吉水县| 新乡县| 广州市|