鏈接谷歌Chrome中的div

我有一個父div和其他嵌套在其中包含文本的其他divs。我想要做的是改變我的父母DIV的懸停背景顏色和重定向到另一個頁面上點擊鏈接谷歌Chrome中的div

，所以我做了

<a href=""> 
    <div class="parentDiv"> 
    <div>hello</div> 
    <div>user</div> 
    </div> 
</a> 

.parentDiv:hover{background-color:#72c1bf;cursor:pointer;text-decoration:none;}

，它實際上在IE8和Firefox的作品，但在chrome中，我強調了兩個子div內的所有單個textes。爲什麼？

來源

2011-03-16 luca

由於文本裝飾標籤爲<a>標籤，因此您還需要爲<a>標籤設置text-decoration: none;。

但是，根據HTML標準，一個<a>標籤，至極是內嵌元素，不應包含任何塊元素，如<div>的，見html specifications

來源

2011-03-16 00:48:59 Haza

根據specifications..how我能做到這一點正確，然後=） – luca 2011-03-16 00:56:08

通過把你的div裏面，像''

hello

在 – Haza 2011-03-16 00:58:36

HTML 5是一個塊級元素（或者內聯？ -塊）。這可能有助於早期的瀏覽器在'a'標籤上設置'display：block'，儘管這並沒有解決Chrome中的下劃線問題。 – 2011-03-16 01:04:26

嘗試a:hover{text-decoration:none}在ie9中對其進行測試，並且使用原始代碼對Chrome進行測試並不能使用！important屬性的eben。

來源

2011-03-16 00:48:25

嘗試這也許：

<a href="" class="link"> 
    <div class="parentDiv"> 
    <div>hello</div> 
    <div>user</div> 
    </div> 
</a>

和CSS：

a.link{display:block; text-decoration:none} 
.parentDiv:hover{background-color:#72c1bf;cursor:pointer;text-decoration:none;}

來源

2011-03-16 00:49:25 moe

添加text-decoration: none到a標籤使它消失，但我不確定Chrome是對還是錯，在這裏。使用a標籤作爲塊元素就像那樣，但我不確定它在HTML 5之前有多合法。另外，我必須添加color: black，否則文本也是藍色或紫色（已訪問或未訪問的鏈接顏色）。

來源

2011-03-16 01:01:11

如果單個

<a>

標籤是一個問題（就像是對我來說）。使用此：

<a href='#' style='text-decoration:none;' >

來源

2012-07-09 18:58:27 Tommy

鏈接谷歌Chrome中的div

回答

相關問題