CSS hack方式二：類內屬性字首法

屬性字首法是在CSS樣式屬性名前加上一些只有特定瀏覽器才能識別的hack字首，以達到預期的頁面展現效果。

IE瀏覽器各版本 CSS hack 對照表

說明：在標準模式中

• “-″減號是IE6專有的hack
• “\9″ IE6/IE7/IE8/IE9/IE10都生效
• “\0″ IE8/IE9/IE10都生效，是IE8/9/10的hack
• “\9\0″ 只對IE9/IE10生效，是IE9/10的hack

總結出的規律就是：先一般，再特殊。有興趣的同學可以試試試試下面CSS，看看和你想的效果是否一樣

background-color:blue; /*所有瀏覽器*/
background-color:red \9;/*所有的ie*/
background-color:yellow \0; /* ie8+*/
+background-color:pink; /*+ ie7*/

支援ie11的hack css

/*  #yjywbm, #linkSelect  label{position:relative;top:-11px \9;}  */     /*  \9不支援ie11 */

 @media screen and (min-width:0\0) {
    /* IE9 , IE10 ,IE11 rule sets go here */
     #yjywbm, #linkSelect  label{position:relative;top:-11px ;} 
}

• /* IE9+ */
• @media all and (min-width:0) {
•     .divContent{
•         background-color:#eee;
•     }
• }

• /* IE10+ */
• @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {
•     .divContent{
•         background-color:#eee;
•     }
• }