懸停問題在瀏覽器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