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可能也会有所帮助。