http://jsfiddle.net/ZPNxh/2/
当我绝对放置覆盖层时，h3上的悬停（下划线）不起作用（尽管A标签包裹了所有内容）。
通常情况下，下划线的作用就像是一个吊饰。
我试图徒劳地使用z-indexes
有任何想法吗 ？
最佳答案
首先，a标签是一个内联元素，而h3标签是一个块元素！您不能将h3标记放在a标记内。因此，首先删除a标记，并将其作为其他块级元素（例如div）使用。
除了:hover标记，a伪类在IE 6上不起作用。因此，如果您使用div标记并将其定位为div:hover，则它适用于所有浏览器，但低于IE 7的浏览器除外。
不过，如果您想使用相同的标记，请添加以下内容：
a {display: block;}
这样，它会将其呈现为一个块元素，而不是内联元素，并保持
h3和div！预习
另一种最佳方法是添加
border-bottom: 2px solid;而不是text-decoration！关于html - 绝对位置后，文本装饰下划线不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11342341/