2011-03-02 288 views
1

我有表結構如下:CSS:懸停改變的背景 - 顏色

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

我只是設置背景圖像:無懸停時。這是我的問題。當我徘徊在它上面。它改變了背景顏色。但我的照片。隱藏它。

+0

表明一些CSS是這裏 – 2011-03-02 06:39:42

+0

用於添加質疑 – AEMLoviji 2011-03-02 06:43:57

+0

爲我工作。參見[fiddle](http://jsfiddle.net/3wJZn/1/)。 – melhosseiny 2011-03-02 06:47:37

回答

2

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

你可能有一個問題,你的CSS。

+0

是的,我有測試簡單的表它的工作原理。你是對的我有問題我的css – AEMLoviji 2011-03-02 06:48:03

+0

如果你發佈CSS和表的最終輸出 - 而不是生成它的代碼 - 在小提琴上,我們可以看看。 – JohnP 2011-03-02 06:50:07

+0

看看我的評論melhosseiny – AEMLoviji 2011-03-02 07:00:03

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

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

我已經找到感謝 – AEMLoviji 2011-03-02 07:08:12