Html 不可挂锚标签
我使用这个html代码Html 不可挂锚标签,html,css,anchor,Html,Css,Anchor,我使用这个html代码 <div class="titleIn"> <h2><a href="/link2">link2</a></h2> </div> 有什么想法吗?我不能说我知道原因,但我知道原因:你的z-index:-1。如果你把它去掉,问题就消失了(至少在Chrome、Firefox和Opera上是这样,但在IE6或IE7上不是这样)。这里是,用z-index:0代替 通过给它一个小于零的z-index,
<div class="titleIn">
<h2><a href="/link2">link2</a></h2>
</div>
有什么想法吗?我不能说我知道原因,但我知道原因:你的
z-index:-1
。如果你把它去掉,问题就消失了(至少在Chrome、Firefox和Opera上是这样,但在IE6或IE7上不是这样)。这里是,用z-index:0
代替
通过给它一个小于零的z-index
,你把它放在主流内容的下面,我猜文档不会让事件通过它(就像任何具有不透明背景设置的元素一样)
IE似乎与
方向的组合有一个单独的问题:rtl代码>和位置:相对代码>,但我认为这是一个单独的问题。如果我删除.titleIn
中的所有样式,除了方向:rtl;位置:相对位置代码>,即仍然断开(链接无法链接)。如果我删除其中任何一个,IE将开始工作(但当然,您的布局不符合您的要求)。好吧,当我在IE中尝试此操作时,只有在我删除位置:relative代码>和页边距顶部:-10px代码>。Soooo,你真的需要这个职位吗:亲戚?:) 除非你做了身体的z-指数,否则为什么要使用z-指数:-1代码>?您正在使用哪个浏览器?我可以点击FF3的链接。6@funktu:真的吗?这很奇怪,我不能。这听起来很清楚。。。只需删除z-index:-1代码>,这是他说的:)还不够清楚吗?元素的z索引为-1。删除此语句,它就会起作用。请注意,如果您在其他地方定义了z索引,则可能是它们不起作用b/c未定义位置属性。
.titleIn {
direction: rtl;
margin-bottom: 10px;
margin-right: 0;
margin-top: -10px;
position: relative;
text-align: right;
z-index: -1;
}