萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> 用4個字符區分IE6,IE7和IE8

用4個字符區分IE6,IE7和IE8

區分浏覽器主要是利用了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,如果改動比較大,還是建議使用條件注釋。

copyright © 萬盛學電腦網 all rights reserved