Html 表刻度转换上的背景色问题

在tr悬停效果上应用缩放时出现问题

更改悬停时的背景时，元素上没有分离，但应用比例变换时，会出现以下情况：

悬停时的基本背景色更改

缩放悬停时，两个对象之间会出现一些分隔

有没有办法防止或解决这一问题

桌子{ 最小宽度：360px； 保证金：0自动； 边界间距：0； 边界塌陷：塌陷； } 表tr{ 过渡：.2s； } 表tr：悬停{ 背景：RGBA221,51,51,4； 转换：scale1.1； } 样品 文本 1. 样品 文本 2. 样品 文本 3. 样品 文本 4.

---

我玩弄了一下你的实例，注意到它似乎只在桌子相当宽时才显示这条线。在inspector中切换一些样式还显示，当您关闭时：

border-collapse: collapse;

它默认回到：

border-collapse: separate;

---

电话线断了。separate是此的默认值，因此，简单地覆盖折叠值或完全删除折叠值就可以了。

添加边框折叠：在表上折叠似乎可以改善chrome上的效果，但仍然有一条很小的线刚刚编辑了我的代码片段，添加了引导程序的样式，以便新用户能够更好地找到解决方案。我在列表中根本看不到这条线代码段，也不在此包含代码和引导样式的小提琴中：。这告诉我，您的应用程序中一定有其他一些样式导致了这种情况。你能把所有适用于表格的样式、表格的子项和单元格中的文本都包括进来吗？@RobertWade这里是我正在尝试的一个活生生的版本，经过一点测试，在Chrome和Opera中出现了一个很小的分隔符，在Firefox中问题不可见，并且Explorer和Edge没有运行转换。是的，我刚刚发现了同样的问题，并给出了类似的答案。由于某种原因，是崩溃造成的。让它默认为分离似乎可以奏效。很好的警告，0不是边界塌陷的合适值，所以如果你把它放进去，它只是默认分开。边界塌陷的可能值为单独的|塌陷|初始|继承

border-collapse: separate;