我有一个<div>阻止一些我不想改变的奇特的视觉内容。我想让它成为一个可点击的链接。
我正在寻找类似的东西<a href="…"><div> … </div></a>，但这是有效的 XHTML 1.1。
来到这里是希望找到一个更好的解决方案，但我不喜欢这里提供的任何解决方案。我认为你们中有些人误解了这个问题。 OP 想让一个充满内容的 div 表现得像一个链接。 Facebook 广告就是一个例子 - 如果你仔细观察，它们实际上是正确的标记。
对我来说，禁忌是： javascript（不应该仅仅为了链接而需要，而且搜索引擎优化/可访问性非常糟糕）；无效的 HTML。
本质上是这样的：
- 使用正常的 CSS 技术和有效的 HTML 构建您的面板。
- 在其中的某个位置放置一个链接，如果用户单击面板，您希望该链接成为默认链接（您也可以有其他链接）。
- 在该链接内，放置一个空的跨度标签（
<span></span>, not <span />- 谢谢@Campey）
- 给面板位置：相对
-
将以下 CSS 应用到空范围：
{
position:absolute;
width:100%;
height:100%;
top:0;
left: 0;
z-index: 1;
/* fixes overlap error in IE7/8,
make sure you have an empty gif */
background-image: url('empty.gif');
}
它现在将覆盖面板，并且由于它位于一个<A>标签，这是一个可点击的链接
- 给面板内的任何其他链接位置：相对和合适的 z-index (>1)，将它们放在默认跨度链接的前面
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
