Question

我有一个生成旋转滑块的代码，显示的图像应该是可点击的，这里是一个代码片段，

 <a href="http://interface.eyecon.ro/demos/images/imagebox/bw1.jpg"
     title="Moon eclipse"
     rel="imagebox" 
     style="top: 20.759592462354455px; left: 222.80008662503428px; width: 52px; height: 26px; z-index: 3; ">
     <img src="./Website_files/th_bw1.jpg" width="100%">
 </a>

滑块上显示的链接不起作用。正如您所看到的，该链接使用zIndex，我确信这会导致链接无法正常工作，但我无法确定应该采取哪些措施来解决此问题。请帮忙。感谢

Answer 1

检查DOM element是parent的绝对值，我遇到了同样的问题。

这是Example。

修改你应该添加一个类，它会告诉那个元素它对于父元素是绝对的，而所有其他元素应该是z-index < 3的绝对元素，然后链接应该是可点击的。

修改[2]：你能给出一些jsfiddle示例，其中使用了代码，因此我可以对其进行更改以使其正常工作！

编辑[3]：基本上即使它将某个对象置于某个东西中，您也应该能够将element <a> position: absolute分配给父级，然后z-index属性可以使用。

由于zIndex，超链接无法正常工作

1 个答案: