把一个div变成一个链接

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

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

当前回答

这对我来说很有用:

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

其他回答

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

你可以使用href标签环绕元素，或者你可以使用jquery和使用

$('').click(function(e){
e.preventDefault();
//DO SOMETHING
});

您还可以尝试包装一个锚，然后将其高度和宽度与其父相同。这对我来说非常合适。

<div id="css_ID">
    <a href="http://www.your_link.com" style="display:block; height:100%; width:100%;"></a>
</div>

实际上你现在需要包括JavaScript代码，请查看本教程。

但有一个棘手的方法来实现这个使用CSS代码你必须在你的div标签内嵌套一个锚标签，你必须应用这个属性，

display:block;

当你这样做了，它将使整个宽度区域可点击(但在锚标签的高度内)，如果你想覆盖整个div区域，你必须将锚标签的高度设置为div标签的高度，例如:

height:60px;

这将使整个区域可点击，然后你可以应用text-indent:-9999px到锚标签来实现目标。

这是非常棘手和简单的，它只是用CSS代码创建的。

这里有一个例子:http://jsfiddle.net/hbirjand/RG8wW/

将你的div包含在一个锚标记<a href></a>中:

    <a href="">
      <div>anything goes here will turn into a link</div>
    </a>

推荐文章