箱-shadowがIE

Question

、私はそれはすべてのブラウザで正常に動作しています tableに trから box-shadowを与えている

を内のすべての列に表示されているが、IE-10で、それはすべてのtdでbox-shadowを見せて、なぜ？

tr { 
 
    box-shadow: 2px 0 0px #888 inset; 
 
}

<table border=0 cellsapcing=0 cellpadding=6> 
 
    <tr> 
 
    <th>Column</th> 
 
    <th>Column</th> 
 
    <th>Column</th> 
 
    <th>Column</th> 
 
    </tr> 
 
    <tr> 
 
    <td>Column</td> 
 
    <td>Column</td> 
 
    <td>Column</td> 
 
    <td>Column</td> 
 
    </tr> 
 
</table>

クロム

IE 10

注：私は別のアプローチのビットを取り、最初のthとtd要素にボックスシャドウを割り当てると思いますbox-shadow

Answer 1

を与えた理由ですそのborderを使用することはできません。このソリューションは、問題を解決するのではなく、問題を回避しますが、私が感じるように有効です。私のプロジェクトで実際に

tr th:first-child, tr td:first-child { 
 
    box-shadow: 2px 0 0px #888 inset; 
 
}

<table border=0 cellsapcing=0 cellpadding=6> 
 
    <tr> 
 
    <th>Column</th> 
 
    <th>Column</th> 
 
    <th>Column</th> 
 
    <th>Column</th> 
 
    </tr> 
 
    <tr> 
 
    <td>Column</td> 
 
    <td>Column</td> 
 
    <td>Column</td> 
 
    <td>Column</td> 
 
    </tr> 
 
</table>