Css Internet Explorer和Chrome：表格悬停未正确显示

为了获得更好的视觉体验，当鼠标悬停在

上时，我在其上使用CSS样式

要查看完整的设计，请执行以下操作：

我用过：

.table\u测试tr:hover{
大纲：无；
边框颜色：#29EC24；
盒影：0 10px#29EC24；
}

这在firefox中运行良好

但在Internet Explorer中，悬停显示不完整（仅在

之间），而在Google Chrome中，完全没有显示任何内容

---

为什么？

首先，这似乎是Chrome的官方bug。如上所述，唯一的方法是在

元素上设置

'display:block'

，这要求您在之后固定定位

---

此外，box shadow要求您为Chrome使用

-webkit-

前缀。您可以看到一个“正常”且格式不正确的示例。但是您必须自己设置表格单元格的宽度。

看看现在添加一个新的

时会发生什么，它们重叠，一个位于其他单元格之上。我在trstyle类中添加了z-index。看看这个：