安卓系统浏览器中select下拉按钮无法弹出选择面板奇怪问题解决

本文详细记录了解决使用AppCan开发的Hybrid应用在安卓4.0系统中,手机点击下拉选框按钮无法弹出选择面板的问题。主要原因是webkit内核的position:fixed;与HTML的select标签存在冲突,导致选项面板无法正常显示,但点击和触摸事件仍能触发。最终通过移除fixed层定位来解决问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天遇到个让人崩溃的问题:

平台:

安卓 4.0


描述:

使用 appcan 开发 hybrid 应用,手机上点击下拉选框按钮无法弹出选择面板。


说明:

发现 webkit 内核 position:fixed; 和HTML的 select 标签有冲突,

只要 select 区域上(上方都不用说了被遮盖了肯定无效)或下方存在 固定定位 fixed 不论 z-index 层高为-1还是其它 都不会触发选项面板,但是click 和touch事件却依然可以触发。

搞了TMD一天,试了N多办法没想到却是个不起眼的css的问题,

由于之前开发手机用的是安卓 2.3 一直都没发现问题,另外 background:fixed 似乎无效,所以才使用了 fixed 层定位在最底部,现在没办法了只能去掉啦

转载于:https://www.cnblogs.com/zhouzme/p/5758461.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值