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

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

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

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

 

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


————————————————
版权声明:本文为CSDN博主「A_res」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_33736234/article/details/90341809

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值