onclick是否适用于任何定位?

Does onclick work with any positioning?

本文关键字：定位 任何 适用于 是否 onclick      更新时间：2023-09-26

我绘制了一个齿轮符号，它应该有一个触发函数的onclick函数。当我点击它不工作。它的绝对定位有关系吗?我该如何解决这个问题?

我使用这个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";
};

当我在控制台中运行该函数时，该函数工作。

绝对定位对如何触发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堆栈顺序可能也有帮助。

相关文章：