CSS：悬停改变的背景 - 颜色

Question

我有表结构如下：

 <table class="cedvel"> 
      <caption> 
       count: 
       <%:Html.Encode(TempData["RowsCount"])%></caption> 
    <thead> 
       <tr> 
        <th id="thAfield1" class="field1,asc"> 
         <span>field1</span><span id="spanAfield1" class="spanAscDesc">↑↓</span> 
        </th> 
        <th id="thfild2" class="field2,asc"> 
         <span>field2</span> <span id="spanfield2" class="spanAscDesc">↑↓</span> 
        </th> 
................................ 
    </thead> 
      <tbody> 
       <%if (Model.<----->.Count() > 0) 
        { 
         foreach (var abonent in Model.<---->) 
         {%> 
       <tr> 
        <td> 
         data 
        </td> 
        <td> 
         data 
        </td> 
................................ 
    </tr> 
    <tr class="noData"> 
        <td colspan="11"> 
         no info 
        </td> 
       </tr> 
       <% }%> 
      </tbody> 
     </table> 

现在我想改变的背景 - 上个悬停时的颜色。但不能这样做。但只是我可以改变颜色时悬停tr。但是我不能。

table.cedvel th 
{ 
    background-color: #c3dde0; 
    background-image: url(../Content/SiteImages/1.png); 
    border-width: 1px; 
    padding: 8px; 
    border-style: solid; 
    border-color: #a9c6c9; 
} 
table.cedvel th:hover 
{ 
    background-color: Red; 
} 

我只是设置背景图像：无悬停时。这是我的问题。当我徘徊在它上面。它改变了背景颜色。但我的照片。隐藏它。

Answer 1

看一看这个小提琴：http://jsfiddle.net/jomanlk/Bcayc/它的工作原理表格E

你可能有一个问题，你的CSS。

Answer 2

table.cedvel th { 
    background-color: #c3dde0; 
    background-image: url(../Content/SiteImages/1.png); 
} 

table.cedvel th:hover { 
    background-color: red; 
    background-image: none; 
}