0

当您将鼠标悬停在该行上时，我有一个具有不同颜色的表格。这工作得很好，但我在行的每个单元格中也有 CSS 背景。当前悬停在每个单元格上时背景图像会发生变化，但随着行颜色的变化，除非您将鼠标悬停在特定单元格上，否则您无法在每个字段中看到背景图像。

这可以通过 CSS 解决，或者任何人都可以提供一个 javascript 行来改变它。

在下图中，您可以在左侧看到我将鼠标悬停在第二列上，而在右侧则在第四列上。

基本上，当将鼠标悬停在行上时，我希望所有的刻度都变白。我知道你们可以帮忙！！

在此处输入图像描述

多谢你们。

4

2 回答 2

4

是的，您可以使用 CSS。你应该发布你的代码顺便说一句......

添加通过悬停触发TR但作用于TDs 的规则。

假设您有一个带有黑色 V 标记的 on s 和一个class "ok"带有X 红色标记的on s：TDclass "ko"TD

tr:hover td.ok {
  color: white;
  background-color: black;
}

tr:hover td.ko {
  color: red;
  background-color: black;
}
于 2013-01-16T16:52:05.413 回答
4

尝试应用Descendant Selector：

tr:hover td .tick { background-image: url('white-tick.png') }

这将为具有类的任何元素应用样式，该类tick是 a 的子级，而鼠标悬停在其上时td本身就是 a 的子级。tr

为此，您需要使用元素background-image而不是img元素来实现刻度（如果使用img，图像将位于背景之上，并且上面的代码将不可见）。

于 2013-01-16T16:53:52.447 回答