<分区>
<分区>
根据设计,我的 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/
最佳答案
为了使 z-index 起作用,您需要指定
position: relative;
在您为其指定索引的元素上。
但一般来说,您应该解决行高问题,而不是使用 z-indexing 编写解决方法。
关于html - 如何使重叠链接可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23895285/