【发布时间】：2012-07-05 18:28:46
【问题描述】：
当我绝对定位覆盖层时，h3 上的悬停（下划线）不起作用（尽管 A 标签包裹了所有内容）。
当它被正常定位时，下划线就像一个魅力。
我尝试玩 z-index，但徒劳
有什么想法吗？
【问题讨论】：
-
“不起作用”是什么意思，因为对我来说它在鼠标悬停时会加下划线。对不对？
标签： html css positioning css-position
【发布时间】：2012-07-05 18:28:46
【问题描述】：
首先，a 标签是内联元素，h3 标签是块元素！您不能将h3 标记放在a 标记内。因此，首先删除a 标签，并将其作为其他块级元素，如div。
:hover 伪类在 IE 6 上不起作用，除了a 标记。因此，如果您使用div 标记并将其定位为div:hover，则它适用于所有浏览器，除了那些低于 IE 7 的浏览器。
不过，如果您想使用相同的标记，请添加：
a {display: block;}
因此，它将其呈现为一个块元素，而不是内联元素，包含h3 和div！
预览
另一种最好的方法是添加border-bottom: 2px solid; 而不是text-decoration！
【讨论】：