-webkit-tap-highlight-color:transparent; *{-webkit-tap-highlight-color:transparent; } H5页面在IOS端测试的时候发现，点击按钮会闪动，出现一个黑色的背景一闪而过，影响用户体验。最后找到解决方法： 就是给点击的元素添加一个CSS属性或者全局添加一个css。 ios和android下触摸元素时出现半透明灰色遮罩 *{ -webkit-tap-highlight-color:rgba(255,255,255,0) }
移动端开发H5页面点击按钮后出现闪烁或黑色背景的解决办法
2023-09-15
256
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
移动端开发H5页面点击按钮后出现闪烁或黑色背景的解决办法
目录
相关文章
|
JavaScript
开发者
Qml实用技巧：在可视元素之前半透明覆盖一个可视元素，阻止鼠标透（界面）传（防止点击到被遮挡的按钮）
Qml实用技巧：在可视元素之前半透明覆盖一个可视元素，阻止鼠标透（界面）传（防止点击到被遮挡的按钮）
655
0
0
|
4月前
|
小程序
【微信小程序-原生开发】实用教程18 - 九宫格、底部悬停按钮、页内悬浮按钮、拨打电话、一键复制
【微信小程序-原生开发】实用教程18 - 九宫格、底部悬停按钮、页内悬浮按钮、拨打电话、一键复制
65
0
0
|
小程序
JavaScript
|
JSON
小程序
JavaScript
|
小程序
|
iOS开发
|
前端开发
JavaScript
Serverless
移动端弹出阴影遮罩的几点问题和解决方法
在做移动端的立即购买页面时，点击底部固定栏立即购买按钮需要弹出一个阴影遮罩，在遮罩顶部有一个固定在底部的页面，所以总共是3层页面：最底层浏览页->阴影遮罩页->最上层的立即购买选择规格数量页；效果如下图：
228
0
0
|
前端开发
JavaScript
CSS实现背景跟随滑动的按钮菜单效果
通过transition过渡属性，可以将相关css属性的变化，改为一个持续一段时间的连续过程，而不是使css样式的改变立即生效，其过程按照指定的曲线速率变化......
532
0
0
