浏览器IE9中的表格悬停问题

Question

我的大型应用程序中存在严重问题。我在其中一个屏幕中使用cshtml表，并为该表应用了css文件，如下所示

.kitchen_display_tbl tbody tr.even
{
    background: #FCFBFA;
}

.kitchen_display_tbl tbody tr.odd
{
    background: #FFFFFF;
}

.kitchen_display_tbl tbody tr:hover
{
    background-color: #cbc7bd !important;
}

但是当我将鼠标放在桌面上时，这就产生了问题，该列正在扩展，就像任何这样，并且每个事物都是空白的。

我不想使用脚本或jQuery。这只会导致IE9问题而不是其他问题。

Answer 1

.kitchen_display_tbl tbody tr.even
{
    background: #FCFBFA;
}

.kitchen_display_tbl tbody tr.odd
{
    background: #FFFFFF;
}

.kitchen_display_tbl tr.even:hover
{
    background: #cbc7bd !important;
}
.kitchen_display_tbl tr.odd:hover
{
    background: #cbc7bd !important;
}

尝试这段代码frnd .....

Answer 2

.kitchen_display_tbl tr:nth-child(2n+1) {
        background: #FCFBFA;
    }

    .kitchen_display_tbl tr:nth-child(2n) {
        background: #FFFFFF;
    }

    .kitchen_display_tbl tr:hover {
        background-color: #cbc7bd !important;
    }

试试这段代码，它适用于IE 9