Question

我的div中的线条高度比设计的字体大小略小，因此链接重叠。前两个部分可点击。

<div style="width:25px;line-height:8px;">
    <a href="/link1" style="font-size:10px;z-index:10;">link1</a>
    <a href="/link2" style="font-size:10px;z-index:9;">link2</a>
    <a href="/link3" style="font-size:10px;z-index:8;">link3</a>
</div>

我已经尝试将更高的z-index设置为更高的链接，正如我在我的示例中所示，但它没有帮助。

JSFiddle：http://jsfiddle.net/pQ4RV/

Answer 1

为了使z-index起作用，您需要指定

position: relative;

关于您为其指定索引的元素。

但总的来说，你应该修复你的行高问题而不是使用z-indexing写一个解决方法。

Answer 2

给<a>一个位置：相对，所以z-index可以工作。

CSS：

a {
    position: relative;
}

http://jsfiddle.net/76dH7/

如何使重叠链接可点击

2 个答案: