CSS超級技巧大放送(6)

css|技巧 十五.匯入(Import)和隱藏CSS

因為老版本瀏覽器不支援CSS，一個通常的做法是使用@import技巧來把CSS隱藏起來。例如：

@import url(main.css);

然而，這個方法對4不起作用，這讓我很是頭疼了一陣子。後來我用這樣的寫法：

@import main.css;

這樣就可以在IE4中也隱藏CSS了，呵呵，還節省了5個位元組呢。想瞭解@import文法的詳細說明，可以看這裡《centricle’s css filter chart》

十六.針對IE的最佳化

有些時候，你需要對IE瀏覽器的bug定義一些特別的規則，這裡有太多的CSS技巧(hacks)，我只使用其中的兩種方法，不管微軟在即將發布的IE7 beta版裡是否更好的支援CSS，這兩種方法都是最安全的。

• 1.注釋的方法
  
  • (a)在IE中隱藏一個CSS定義，你可以使用子選取器(child selector):
    html>body p {
    /* 定義內容 */
    }
    
  • (b)下面這個寫法只有IE瀏覽器可以理解(對瀏覽器都隱藏)
    * html p {
    /* declarations */
    }
    
  • (c)還有些時候，你希望IE/Win有效而IE/Mac隱藏，你可以使用反斜線技巧：
    /* */
    * html p {
    declarations
    }
    /* */
• 2.條件注釋(conditional comments)的方法
  

  另外一種方法，我認為比CSS　Hacks更加經得起考驗就是採用微軟的私人屬性條件注釋(conditional comments)。用這個方法你可以給IE單獨定義一些樣式，而不影響主樣式表的定義。就象這樣：

  <!--[if IE]>
  <link rel=stylesheet type=text/css href=ie.css />
  <![endif]-->