移动端开发H5页面点击按钮后出现闪烁或黑色背景的解决办法

简介: 移动端开发H5页面点击按钮后出现闪烁或黑色背景的解决办法
-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)
}
相关文章
Qml实用技巧:在可视元素之前半透明覆盖一个可视元素,阻止鼠标透(界面)传(防止点击到被遮挡的按钮)
Qml实用技巧:在可视元素之前半透明覆盖一个可视元素,阻止鼠标透(界面)传(防止点击到被遮挡的按钮)
Qml实用技巧:在可视元素之前半透明覆盖一个可视元素,阻止鼠标透(界面)传(防止点击到被遮挡的按钮)
|
8月前
|
小程序
【微信小程序-原生开发】实用教程18 - 九宫格、底部悬停按钮、页内悬浮按钮、拨打电话、一键复制
【微信小程序-原生开发】实用教程18 - 九宫格、底部悬停按钮、页内悬浮按钮、拨打电话、一键复制
100 0
|
JSON 小程序 JavaScript
小程序地图插入图标后 怎么实现点击图标弹出窗口
小程序地图插入图标后 怎么实现点击图标弹出窗口
133 0
|
数据可视化
搭建完菜单后运行不显示菜单的原因及其解决方法(拼图小游戏)
在搭建完菜单以后,程序不报错也能运行,但是运行结果就是一个框,就跟没有搭建过菜单一样,如下图所示,没有我们想象中的菜单栏,更别说有下拉菜单了,但是如果将搭建菜单的代码单独放到一个测试类中去测试一下的话,会显示出来菜单,也就是说我们搭建菜单的核心代码是没有问题的
209 0
搭建完菜单后运行不显示菜单的原因及其解决方法(拼图小游戏)
|
前端开发 JavaScript Serverless
移动端弹出阴影遮罩的几点问题和解决方法
在做移动端的立即购买页面时,点击底部固定栏立即购买按钮需要弹出一个阴影遮罩,在遮罩顶部有一个固定在底部的页面,所以总共是3层页面:最底层浏览页->阴影遮罩页->最上层的立即购买选择规格数量页;效果如下图:
244 0
移动端弹出阴影遮罩的几点问题和解决方法
点击图片或者鼠标划过切换样式的另一种写法
点击图片或者鼠标划过切换样式的另一种写法
80 0
下方那个移动的滑块的设计
下方那个移动的滑块的设计
77 0
|
前端开发
前端工作总结104-控制弹出框不全屏
前端工作总结104-控制弹出框不全屏
79 0
|
JavaScript 开发者
jQuer y 特效实例_幽灵按钮2|学习笔记
快速学习 jQuery 特效实例_幽灵按钮2
273 0
jQuer y 特效实例_幽灵按钮2|学习笔记
截图如何能截到鼠标?脑洞小方法
截图如何能截到鼠标?脑洞小方法
287 0