链接谷歌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

回答

相关问题