跳入链接

我来这里是希望找到一个比我更好的解决方案，但我不喜欢这里提供的任何解决方案。我想你们有些人误解了这个问题。OP希望使一个充满内容的div表现得像一个链接。其中一个例子是facebook广告——如果你看，它们实际上是适当的标记

对我来说，不可拒绝的是：javascript（不应该仅仅用于链接，而且SEO/可访问性非常差）；无效的HTML

本质上是这样的：

• 使用普通的CSS技术和有效的HTML构建面板
• 在其中的某个地方放置一个链接，如果用户单击面板，您希望该链接成为默认链接（您也可以有其他链接）
• 在该链接中，放置一个空的span标签（&lt；span&gt；，而不是&lt；span/&gt；）-谢谢@Campey）
• 给出面板位置：相对

• 将以下CSS应用于空范围：

  {
  位置：绝对位置；
  宽度：100%；
  身高：100%；
  排名：0；
  左：0；
  z指数：1；
  /*修复了IE7/8中的重叠错误，
  确保你有一个空的gif*/
  背景图像：url（'empty.gif'）；
  }   
  

  它现在将覆盖面板，因为它位于&lt；A&gt标签，这是一个可点击的链接

• 在面板位置内提供任何其他链接：相对和适当的z索引（>1），使其位于默认跨度链接的前面