将一个div转换为链接

Question

将一个div转换为链接

csshtmlxhtmlanchor

603

我有一个带有一些花哨视觉内容的

块，我不想改变它。我想让它成为可点击的链接。

我想要像<a href="..."><div> … </div></a>这样的东西，但是符合XHTML 1.1的规范。

- EE.

83

一个好的理由是在 div 中设置一个背景图片。 - Simon_Weaver

4

我有一个很好的工作示例，基于最受欢迎答案。在这里检查fiddle：http://jsfiddle.net/mrivasa/TK69d/ - Miguel

9

在HTML5中，在a标签下放置一个div是完全有效的。 - Juan A. Navarro

32个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Karl Kelman · Answer 1

我聪明的回答：

“如何将块级元素变为超链接并在XHTML 1.1中验证”的回答是闪烁其词的。

只需使用HTML5 DOCTYPE DTD即可。

实际上不适用于ie7。

onclick="location.href='page.html';"

适用于IE7-9，Chrome，Safari，Firefox

- philipp · Answer 2

如果所有的事情都能这么简单就好了...

#logo {background:url(../global_images/csg-4b15a4b83d966.png) no-repeat top left;background-position:0 -825px;float:left;height:48px;position:relative;width:112px}

#logo a {padding-top:48px; display:block;}



<div id="logo"><a href="../../index.html"></a></div>

多想一些创新的点子吧 ;-)