Box-shadow出现在IE的所有列中

Question

我在image = 255 - image 中将box-shadow提供给tr它在所有浏览器中都运行正常，但在table中，IE-10显示box-shadow td tr { box-shadow: 2px 0 0px #888 inset; } 1}}，为什么？

<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>

border

  

铬

     

     

IE 10

     

注意：我无法使用box-shadow这就是我给A

的原因

Answer 1

我采取了一些不同的方法，并将框阴影分配给第一个th和td元素。这个解决方案围绕问题而不是解决问题 - 但我觉得这样有效。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;