區分浏覽器主要是利用了css hack,可能有人已經知道了IE6和IE7的方法,但是今天我們加入一種區分IE8的方法。
IE8 和 IE8以下版本
區分它們的關鍵是在樣式後面添加“9”。
1.body {
2. color: red; /* all browsers, of course */
3. color : green9; /* IE8 and below */
4.}
需要注意的是必須使用“9”,我嘗試過使用“8”,都不能起作用,必須是“9”。
IE7 和 IE7 以下版本
區分它們的關鍵是在樣式前面添加“*”符號,如下:
1.body {
2. color: red; /* all browsers, of course */
3. color : green9; /* IE8 and below */
4. *color : yellow; /* IE7 and below */
5.}
IE6
很多設計師可能已經熟悉了樣式前面使用下劃線的方式來區分IE6,它不比“*”符號,因為它僅僅用來區分IE6的。
1.body {
2. color: red; /* all browsers, of course */
3. color : green9; /* IE8 and below */
4. *color : yellow; /* IE7 and below */
5. _color : orange; /* IE6 */
6.}
慎用CSS Hacks
我們不主張在任何場合都使用css hacks,而是推薦使用條件注釋。但是了解css hacks也不是一點用都沒有,至少能夠給別人秀一下~~
慎用css hacks,因為它並不會向前兼容,也許最新的浏覽器不買帳,那你的頁面就要遭殃了。如果你只是為了改變一兩個屬性來適用兼容IE6,如果改動比較大,還是建議使用條件注釋。