onclick 是否适用于任何定位？ [关闭]

Question

我想出了一个应该具有触发功能的 onclick 功能的 cog 符号。当我点击它不起作用。它有绝对定位有关系吗？我该如何解决这个问题？

我使用了这个 HTML：

<div id="cogdiv" onclick="theme()">
    <h1 id="cog" class="themechange fa fa-cog" onclick="theme()"></h1>
</div>

还有这个 JS：

var theme = function() {
    document.getElementById('themes').style.animation = "themesappear 2s forwards";
    document.getElementById('themes').style.WebkitAnimation = "themesappear 2s forwards";
};

当我在控制台中运行该功能时，该功能有效。

检查元素 here 以获取更多代码。

Answer 1

绝对定位对onClick 事件的触发方式没有影响。

您只是将元素定位在另一个元素下方，因此另一个元素阻塞了鼠标事件

---

尝试添加到您的 CSS：

#cogdiv {
 z-index: 9999; //or greater, or 1. Just make sure it's bigger than the overlapping element's z-index
} 

阅读 z-index 和 CSS stack-order 的内容可能也会有所帮助。