html - img 上的 Z 索引？

Question

考虑此页面 @ http://www.bloodbone.ws/screwed.html

我需要能够将 a.grow 元素扩展到 div.column-header 的维度，这样如果您定位到 中的任何位置>div 整个区域是可点击的。

它在 Firefox + Safari 中工作，但我无法在任何 IE 浏览器中工作。

h2 和 img 元素总是会破坏 a.grow，因此有些区域不可点击。

我已经尝试了所有我能想到的方法，添加 zoom: 1 等都无济于事。

h2 和 img 必须可见，但任何鼠标悬停在该区域上都应该是可点击的。

Answer 1

要使其“与 SEO 兼容”，您有 2 个选择:

1. 应用几个 anchor 标签来覆盖您的所有 div；
2. 使用 JQuery 等框架使 div 可点击(点击时跟随 anchor href)，并在 div 内维护 anchor 以用于 SEO 目的。