Question

我使用这个HTML代码

<div class="titleIn"> 
    <h2><a href="/link2">link2</a></h2>
</div>

由于某种原因，link2不可点击（没有手形光标）

CSS是：

.titleIn {
    direction: rtl;
    margin-bottom: 10px;
    margin-right: 0;
    margin-top: -10px;
    position: relative;
    text-align: right;
    z-index: -1;
}

有什么想法吗？

Answer 1

我不能说我知道 为什么 ，但我知道是什么导致了它：z-index: -1。如果删除它，问题就会消失（至少，它适用于Chrome，Firefox和Opera;不适用于IE6或IE7）。这里是a live copy of your example，an updated copy代替z-index: 0。

通过给它一个小于零的z-index，你把它放在主流内容之下，我猜文件不会让事件通过它（就像任何非元素一样）透明背景设置）。

IE似乎对direction: rtl;和position: relative;的组合有一个单独的问题，但我认为是一个单独的问题。如果删除除.titleIn之外的direction: rtl; position: relative;中的每个样式，IE仍会中断（链接无法点击）。如果我删除其中任何一个，IE开始工作（但当然，你的布局不能做你想要的）。

Answer 2

除非你使主体的z-index＆lt; -1，否则你实际上是将链接放在页面的整个主体之后，当然它不是可点击的。（诸如正文和标题之类的元素将跨越它所定义的整个宽度，从而无形地阻挡可能可见但不可点击的其他元素

如果你使用了Firebug，它会通过突出显示标签的区域来说明这一点。

Answer 3

好吧，当我在IE中尝试此操作时，只有在我删除position: relative;和margin-top: -10px;后，该链接才会生效。 Soooo，你真的需要这个职位：亲戚吗？：）

不可点击的锚标记

3 个答案: