超鏈接<a>不會改變懸停的顏色

我想讓用戶將鼠標懸停在背景顏色變化上。問題是，我把它設置完畢後，只有我的標題改變背景顏色，沒有別的。超鏈接<a>不會改變懸停的顏色

<tr> 
    <td class="near"> 
    <a href="../index.html"class="near_place"> 
     <img class="related_photo" /> 
     <h4 class="nearby"> adfadfad </h4> 
     <span class="related_info">asdfadfadfaf</span> 
    </a> 
    ...

CSS：

a.near_place { 
    width: 200px; 
    height: 65px; 
    border: none; 
    background: #fff; 
    display: inline; 
} 

a.near_place:hover { 
    background: #DEDEDE; 
} 

h4.nearby { 
    width: 150px; 
    margin-top: -2px; 
    margin-bottom: 3px; 
    font-size: 12px; 
    font-weight: normal; 
    color: #000; 
    display: inline; 
} 

img.related_photo { 
    width: 80px; 
    height: 60px; 
    border: solid thin #DFDFDF; 
    margin-right: 3px; 
    float: left; 
    overflow: hidden; 
} 

span.related_info { 
    width: 150px; 
    height: 54px; 
    font-size: 11px; 
    color: #666; 
    display: block; 
} 

td.near { 
    width: 25%; 
    height: auto; 
}

任何幫助表示讚賞

來源

2011-01-20 golf_nut

你需要background-color: #DEDEDE;

說：「-color」是很重要的

來源

2011-01-20 00:34:40

您可以使用背景快捷方式，只指定顏色，留下過的URL /位置/等。 – scragz 2011-01-20 00:36:31

沒有看到比背景，因此要改變的一切需求以外的任何CSS中的任何參考用顏色進行調整

來源

2011-01-20 00:22:57 dartdog

更具體的規則可能會有幫助，例如嘗試更改標記內標記的樣式：

a.near_place:hover img.related_photo { 
}

或者

a.near_place:hover * { 
}

來源

2011-01-20 00:28:24

您提交包裝（一）塊元素和（b）一個浮動元素的罪行內元素中。嘗試將您的<a>元素更改爲display:block;。

來源

2011-01-20 00:31:10

試過了......還是一無所獲 – 2011-01-20 00:35:48

超鏈接<a>不會改變懸停的顏色

回答

相關問題