把一个div变成一个链接

我有一个<div>块与一些花哨的视觉内容，我不想改变。我想让它成为一个可点击的链接。

我正在寻找类似于<a href="…"><div>…</div></a>，但这是有效的XHTML 1.1。

当前回答

你不能让div本身成为一个链接，但是你可以让一个<a>标签作为一个块，与<div>具有相同的行为。

a {
    display: block;
}

然后你可以设置它的宽度和高度。

其他回答

这对我来说很有用:

<div onclick="location.href='page.html';"  style="cursor:pointer;">...</div>

为什么不呢?使用<a href="bla"> <div></div> </a>在HTML5中工作良好

我自作聪明的回答是:

对“如何使块级元素成为超链接并在XHTML 1.1中验证”的回避回答

使用HTML5 DOCTYPE DTD即可。”

但ie7并不适用

onclick = " location.href =“page.html”;“

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

这个例子很适合我:

<div style="position: relative; width:191px; height:83px;">
    <a href="link.php" style="display:block; width:100%; height:100%;"></a>
</div>

<a href="…" style="cursor: pointer;"><div> … </div></a>

推荐文章