不可点击的锚标记

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).这里是你的榜样的实时复制,并且更新的副本与z-index: 0替代.

通过给它z-index小于零,你把它放在主流内容之下,我猜文档不会让事件通过它(就像任何具有非透明背景设置的元素一样).

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