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

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

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

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

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

 转载自:html元素设置position:absolute绝对定位后,onclick点击事件失效问题icon-default.png?t=M276https://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

猜你喜欢

转载自blog.csdn.net/weixin_57607714/article/details/123991059