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

我的大申请中有一个严重的问题。我在一个屏幕中使用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出现问题，而不会导致其他问题

.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;
}

请先尝试此代码

.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;
    }

试试这个代码，它在IE9中工作