html元素设置position:absolute绝对定位后，onclick点击事件失效问题

问题场景：form设置了绝对定位，form里面有个按钮，按钮注册了onclick事件，发现点击按钮没反应；

问题解决：在chrome中打开该网页，鼠标移到这个按钮上右键检查，发现form后面定义的html元素在该按钮的上面层，由此可知 ，我们点击按钮，实际上并没有点击到按钮......

只需在form绝对定位的样式里添加一行代码，让按钮浮上来：

position: absolute;
z-index: 99;//添加该行代码即可

 转载自:html元素设置position:absolute绝对定位后，onclick点击事件失效问题https://blog.csdn.net/chelongfei/article/details/101218543?ops_request_misc=&request_id=&biz_id=102&utm_term=%E5%AE%9A%E4%BD%8D%E5%88%B0%E8%A1%A8%E5%8D%95%E7%82%B9%E5%87%BB%E4%BA%8B%E4%BB%B6%E5%A4%B1%E6%95%88&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-0-101218543.142^v5^control,157^v4^control&spm=1018.2226.3001.4187