Fatal编程技术网
  • html/
  • Html 绝对位置后文本装饰下划线不起作用

Html 绝对位置后文本装饰下划线不起作用

html css

Html 绝对位置后文本装饰下划线不起作用,html,css,positioning,css-position,Html,Css,Positioning,Css Position,当我绝对定位覆盖层时，h3上的悬停（下划线）不起作用（尽管A标记包装了所有内容） 正常定位时，下划线就像一个符咒 我试着玩z索引，但没有成功 有什么想法吗？首先，标记是内联元素，h3标记是块元素！您不能将h3标记放在a标记内。因此，首先移除a标记，并将其作为其他块级元素，如div ：hover伪类在IE 6上不起作用，除了用于标记之外。因此，如果您使用div标记并将其定位为div:hover，则除IE 7以外的所有浏览器都适用 但是，如果要使用相同的标记，请添加以下内容： a {display:

当我绝对定位覆盖层时，h3上的悬停（下划线）不起作用（尽管A标记包装了所有内容）

正常定位时，下划线就像一个符咒

我试着玩z索引，但没有成功

有什么想法吗？

首先，
标记是内联元素，
h3
标记是块元素！您不能将
h3
标记放在
a
标记内。因此，首先移除
a
标记，并将其作为其他块级元素，如
div


：hover
伪类在IE 6上不起作用，除了用于
标记之外。因此，如果您使用
div
标记并将其定位为
div:hover
，则除IE 7以外的所有浏览器都适用

但是，如果要使用相同的标记，请添加以下内容：


a {display: block;}


因此，它将其呈现为块元素，而不是内联元素，包含
h3
和
div

预览


另一个最好的方法是添加
边框底部：2px实心而不是
文本装饰
 你说“不起作用”是什么意思，因为对我来说，它在鼠标上方有下划线。对不对？