e css: vol stationnaire pour changer de fond - couleur

Question

j'ai table ci-dessous structure:

 <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> 

maintenant je veux changer de fond - couleur lors du survol sur e. mais je ne peux pas le faire. mais simplement je peux changer de couleur en planant sur tr. mais je ne peux pas.

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

Je règle simplement l'image de fond: aucune en survol. c'était mon problème. quand j'ai plané dessus. il a changé la couleur de fond. mais ma photo. Je l'ai caché.

Answer 1

Jetez un oeil à ce violon: http://jsfiddle.net/jomanlk/Bcayc/ Il fonctionne sous forme e

Vous avez probablement un problème avec votre 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; 
}