解决方法
@ Blender的答案是正确的,但只有当你不使用桌面上的.table-striped类时.
如果您使用.table-striped类,当您将鼠标悬停在具有浅灰色条纹的行上时,行高亮将不会消失.
当您将鼠标悬停在浅灰色的行上时会发生什么,即行将从浅灰色变为透明(白色),因此您将无意中对所有浅灰色的行执行行悬浮效果.
如果您还需要从条纹行中夺取悬停效果,那么在Blender的原始答案的基础上,我想你会有另一条规则:
.table tbody tr:hover td,.table tbody tr:hover th { background-color: transparent; } .table-striped tbody tr:nth-child(odd):hover td { background-color: #F9F9F9; }
好的例子:这是一个链接到一个工作的jsfiddle示例,其中.table-striped类被考虑:
http://jsfiddle.net/pXWjq/
错误的示例:这里有一个例子,其中表格行悬停仍然发生(在灰色行上),因为灰色行悬停未被考虑:
http://jsfiddle.net/448Rb/