Question

我有一个元素#i1，位于另一个元素.close_button下方，并且每个元素都有一个与之关联的点击事件...前者被称为{{1而后者的事件是在上述clickFade()的执行中定义的匿名函数。

点击clickFade()调用clickFade()后，父div #i1会变为不透明度.1而#welcome为淡入淡出。此外，#A调用了unbind()，并定义了与#i1上的点击事件相关联的上述匿名函数。此函数仅反转.close_button在单击close_button图像时的效果。

我不认为问题是z-index问题（因为我已经尝试过了，而close_button图像总是在顶部可见）。我也不认为这是一个有约束力的问题，因为按钮有效，但只有当它下面没有任何东西时...例如，如果按钮与其中一个背景图像重叠一半clickFade()，#i1之上的一半将触发事件，而另一半则不会。

这里的问题是什么？我该如何解决？

以下是HTML，CSS和JS的要点;这是相关的代码：

HTML：

#i1

<div id="welcome">
    <p id="welcomeText">Welcome</p>
    <img src="imgs/img1.jpg" id="i1" alt=null/>
</div>

JS：

<div id="A">
    <img src='imgs/close_button.gif' class='close_button' alt=null
    style="width: 10%; height: 10%"/>
</div>

}

Answer 1

所以你们都必须设置z-index和设置位置：相对于此工作。

z-index not working with fixed positioning和其他人。祝你好运！

JS / JQuery：无法触发与另一个元素上方的元素关联的事件

1 个答案: