nth類型不工作在IE 9

Question

我無法在IE 9中獲得nth-type類型的工作 - >目前我的ccs代碼在IE 8上工作。任何人都可以提出解決方法嗎？在桌面設備上我正在想4個COLS和移動至1個COL

URL http://aboriginalart.org.au/aaaa/artist-members/

.author-block { 
    /*width: 48%;*/ 
    width: 23%; 
    /*margin-right: 3.8%;*/ 
    margin-right: 9px; 
    float: left; 
    /*margin-bottom: 1.5em;*/ 
    /*font-size: 14px !important;*/ 
} 
/* 2,4,6 */ 
.author-block1:nth-of-type(4n) { 
    margin-right: 0; 
} 
/* 1,3,5 */ 
.author-block1:nth-of-type(4n+1) { 
    clear: both; 
} 

/* Smartphones (landscape) ----------- */ 
@media only screen and (min-width : 320px) { 
    .author-block { 
    width: 100%; 
    margin-right: 10px; 
    float: left; 
    } 
    /* 2,4,6 */ 
    .author-block1:nth-of-type(1n) { 
    margin-right: 0; 
    } 
    /* 1,3,5 */ 
    .author-block1:nth-of-type(1n+1) { 
    clear: both; 
    } 

/* Desktops and laptops ----------- */ 
@media only screen and (min-width : 480px) { 
    .author-block { 
    width: 48%; 
    margin-right: 10px; 
    float: left; 
    } 
    /* 2,4,6 */ 
    .author-block1:nth-of-type(2n) { 
    margin-right: 0; 
    } 
    /* 1,3,5 */ 
    .author-block1:nth-of-type(2n+1) { 
    clear: both; 
    } 

/* Desktops and laptops ----------- */ 
@media only screen and (min-width : 768px) { 
    .author-block { 
    width: 30%; 
    margin-right: 10px; 
    float: left; 
    } 
    /* 2,4,6 */ 
    .author-block1:nth-of-type(3n) { 
    margin-right: 0; 
    } 
    /* 1,3,5 */ 
    .author-block1:nth-of-type(3n+1) { 
    clear: both; 
    } 

/* Desktops and laptops ----------- */ 
@media only screen and (min-width : 1224px) { 
    .author-block { 
    width: 24%; 
    margin-right: 10px; 
    float: left; 
    } 
    /* 2,4,6 */ 
    .author-block1:nth-of-type(4n) { 
    margin-right: 0; 
    } 
    /* 1,3,5 */ 
    .author-block1:nth-of-type(4n+1) { 
    clear: both; 
    } 

Answer 1

歡呼聲從IE 9-> IE固定間隔8件作品（我已.author塊的變化爲：第n-的型，然後進行的所有媒體查詢第n的式（4N）代替

 .author-block { 
     /*width: 48%;*/ 
     width: 23%; 
     /*margin-right: 3.8%;*/ 
     margin-right: 9px; 
     float: left; 
     /*margin-bottom: 1.5em;*/ 
     /*font-size: 14px !important;*/ 
    } 
    /* 2,4,6 */ 

    .author-block:nth-of-type(4n) { 
     margin-right: 0; 
    } 
    /* 1,3,5 */ 

    .author-block:nth-of-type(4n+1) { 
     clear: both; 
    } 
    /* Smartphones (landscape) ----------- */ 

    @media only screen and (min-width: 320px) { 
     .author-block { 
     width: 100%; 
     margin-right: 10px; 
     float: left; 
     } 
     /* 2,4,6 */ 
     .author-block:nth-of-type(4n) { 
     margin-right: 0; 
     } 
     /* 1,3,5 */ 
     .author-block:nth-of-type(4n+1) { 
     clear: both; 
     } 
     /* Desktops and laptops ----------- */ 
     @media only screen and (min-width: 480px) { 
     .author-block { 
      width: 48%; 
      margin-right: 10px; 
      float: left; 
     } 
     /* 2,4,6 */ 
     .author-block:nth-of-type(4n) { 
      margin-right: 0; 
     } 
     /* 1,3,5 */ 
     .author-block:nth-of-type(4n+1) { 
      clear: both; 
     } 
     /* Desktops and laptops ----------- */ 
     @media only screen and (min-width: 768px) { 
      .author-block { 
      width: 30%; 
      margin-right: 10px; 
      float: left; 
      } 
      /* 2,4,6 */ 
      .author-block:nth-of-type(4n) { 
      margin-right: 0; 
      } 
      /* 1,3,5 */ 
      .author-block:nth-of-type(4n+1) { 
      clear: both; 
      } 
      /* Desktops and laptops ----------- */ 
      @media only screen and (min-width: 1224px) { 
      .author-block { 
       width: 24%; 
       margin-right: 10px; 
       float: left; 
      } 

Answer 2

查詢第n的式（1N）第n的式（2N）的組合，以修復IE問題我添加關閉}所有查詢。doh

。作者塊{

/寬度：48％;/

寬度：23％;

/margin-right：3.8％;/

margin-right：9px;

float：left;

/margin-bottom：1.5em;/

/font-size：14px！important;/

}

/* 2,4,6 */

.author塊：第n的式（4N）{

餘量右：0;

}

/* 1,3,5 */

.author塊：第n的式（4N + 1）{

明確：兩者;

}

/*智能手機（橫向）----------- */

@media只有屏幕和（最小寬度：321px）{

。作者塊{

width: 100%; 

margin-right: 10px; 

float: left; 

}

/* 2,4,6 */

。作者塊：第n的式（4N）{

margin-right: 0; 

}

/* 1,3,5 */

.author塊：第n的式（4N 1）{

clear: both; 

}

}

/*臺式機和筆記本電腦----------- */

@media只有屏幕和（最小寬度：480像素）{

.author-block { 

    width: 48%; 

    margin-right: 10px; 

    float: left; 

} 

/* 2,4,6 */ 

.author-block:nth-of-type(4n) { 

    margin-right: 0; 

} 

/* 1,3,5 */ 

.author-block:nth-of-type(4n+1) { 

    clear: both; 

} 

}

/* Desktops and laptops ----------- */ 

@media只有屏幕和（最小寬度：768px）{

.author-block { 

    width: 30%; 

    margin-right: 10px; 

    float: left; 

    } 

    /* 2,4,6 */ 

    .author-block:nth-of-type(4n) { 

    margin-right: 0; 

    } 

    /* 1,3,5 */ 

    .author-block:nth-of-type(4n+1) { 

    clear: both; 

    } 

}

個

@media只有屏幕和（最小寬度：1224px）{

.author-block { 

     width: 24%; 

     margin-right: 10px; 

     float: left; 

    } 

}