1凿傅、IE6萌京、IE7、Firefox之間的兼容寫法:
寫法一:
IE都能識(shí)別*;標(biāo)準(zhǔn)瀏覽器(如FF)不能識(shí)別*乳讥;
IE6能識(shí)別*筹麸,但不能識(shí)別!important,
IE7能識(shí)別*,也能識(shí)別!important;
FF不能識(shí)別*雏婶,但能識(shí)別!important;
根據(jù)上述表達(dá)物赶,同一類/ID下的CSShack可寫為:
.searchInput {
background-color:#333;/*三者皆可*/
*background-color:#666!important; /*僅IE7*/
*background-color:#999; /*僅IE6及IE6以下*/
}
一般三者的書寫順序?yàn)椋篎F、IE7留晚、IE6.
寫法二:
IE6可識(shí)別“_”酵紫,而IE7及FF皆不能識(shí)別,所以當(dāng)只針對(duì)IE6與IE7及FF之間的區(qū)別時(shí)错维,可這樣書寫:
.searchInput {
background-color:#333;/*通用*/
_background-color:#666;/*僅IE6可識(shí)別*/
}
寫法三:
*+html與*html是IE特有的標(biāo)簽, Firefox暫不支持奖地。
.searchInput {background-color:#333;}
*html .searchInput {background-color:#666;}/*僅IE6*/
*+html .searchInput {background-color:#555;}/*僅IE7*/
屏蔽IE瀏覽器:
select是選擇符,根據(jù)情況更換赋焕。第二句是MAC上safari瀏覽器獨(dú)有的参歹。
*:lang(zh) select {font:12px !important;} /*FF的專用*/
select:empty {font:12px !important;} /*safari可見*/
IE6可識(shí)別:
這里主要是通過CSS注釋分開一個(gè)屬性與值,注釋在冒號(hào)前隆判。
select { display /*IE6不識(shí)別*/:none;}
IE的if條件hack寫法:
所有的IE可識(shí)別:
Only IE
只有IE5.0可以識(shí)別:
Only IE 5.0
IE5.0包換IE5.5都可以識(shí)別:
Only IE 5.0+
僅IE6可識(shí)別:
Only IE 6-
IE6以及IE6以下的IE5.x都可識(shí)別:
Only IE 6/+
僅IE7可識(shí)別:
Only IE 7/-
瀏覽器透明度的兼容問題:
.opacity{
opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); ?/* 解決 IE6~IE8 出現(xiàn)的兼容問題 */
}