對(duì)著多個(gè)解析不一樣瀏覽器是件郁悶的事，是所有寫(xiě)CSS的人都會(huì)遇到的。
雖然條件注釋是一比較理想的做法，向前向后兼容?？上也淮笙矚gN個(gè)版本的CSS,

先說(shuō)下我的自己的用法.
初始化
Selectors{}
 保證向后兼容性，
接著開(kāi)始過(guò)濾
不管IE6有沒(méi)有引進(jìn)Quirks Mode
都用
 * html Selectors{} 
處理IE6和以下版本，
對(duì)下再向下版本的區(qū)分我做了比較復(fù)雜的處理。
用讀入IE5.x

@media tty {
i{content:"\";/*" "*/}} @import 'ie5x.css'; /*";}
}/* */

在特別的要求下才會(huì)用，因?yàn)镮E5跟IE5.5很多方面都很像。我選擇把他們放在一樣。
但是IE5總會(huì)相對(duì)笨點(diǎn)，
我必須再加區(qū)分，是用

*>html Selectors{} 

本來(lái)應(yīng)該是
*>html body Selectors{} 
比較好處理優(yōu)先權(quán)的問(wèn)題，

IE7對(duì)于CSS的支持已經(jīng)接近FF,Opera,Safari這些瀏覽器了，但是，總會(huì)有些特別的問(wèn)題，
我選擇用 
*+html Selectors{} 
來(lái)特別處理IE7，可是當(dāng)IE7也引進(jìn)Quirks Mode時(shí)，問(wèn)題變得很復(fù)雜的，他對(duì)CSS的認(rèn)識(shí)也降到IE5，很像，又有不一樣滴，我想沒(méi)找到解決的方式，所以我打死也不把IE7引進(jìn)Quirks Mode

FF也不是標(biāo)準(zhǔn)的。有時(shí)還會(huì)有特別的問(wèn)題。
用私有的東東來(lái)過(guò)，

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("http://www.loaoao.com") {
Selectors{ ... !important} 
}

Opera 呢。雖然通過(guò)ACID2 
可在我無(wú)聊的的寫(xiě)法下～依然有問(wèn)題像這樣的 li:hover+li {}　不知道下個(gè)發(fā)布版本會(huì)不會(huì)解決
還好別人提供了

@media all and (min-width: 0px){
Selectors{}
}

Safari 呢？請(qǐng)?jiān)徫业母F，我沒(méi)有錢買apple的東西，
我不知道到底會(huì)出現(xiàn)多少的問(wèn)題。這是最最郁悶的事，還好Safari對(duì)標(biāo)準(zhǔn)支持很好，
更多過(guò)濾的方式可以參考　http://centricle.com/ref/css/filters/ 


不管是用hack還是filter 都是痛苦的
解決今天的問(wèn)題不是為了生產(chǎn)明天的問(wèn)題。

最新評(píng)論