0

グリッドを作成する ie8 互換の方法を探しています。

http://jsbin.com/ihicuz/1/edit

HTML:

  <div class="grid">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
  </div>

CSS:

.grid{
  background:#DDD;
  width:830px;
  height:830px;
}
.grid>div{
  height:200px;
  width:200px;
  box-sizing:border-box;
  border:1px solid #AAA;
  float:left;
  margin:0 10px 10px 0;
  background:#EEE;
}
.grid>div:nth-child(4n){
  margin-right:0;
}

nth-child は機能しますが (余白の下部のオーバーフローは無視します)、ie8 では機能しません。

HTML マークアップを変更せずに、これらのグリッド項目間を等間隔にする明確な解決策はありますか?

4

1 に答える 1

0

Selectivizr は、CSS3 セレクターに関する IE 互換性の問題の多くを処理します。

http://selectivizr.com/

于 2013-03-30T02:16:41.150 に答える