移动端 点击后IOS闪屏问题

最新推荐文章于 2020-01-06 16:22:07 发布
转载 最新推荐文章于 2020-01-06 16:22:07 发布 · 263 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/whtz/p/6559602.html
文章标签：

#移动开发 #javascript #ViewUI

本文介绍了一种简单的方法来解决iOS设备上元素点击时出现的高亮问题，通过使用CSS属性-webkit-tap-highlight-color设置透明颜色即可实现。

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

因为按下去的时候 等于是在选择元素，所以会有闪屏的错觉，直接把IOS的特性去了就行
在元素上写个就行 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

 

转载于:https://www.cnblogs.com/whtz/p/6559602.html

移动端热点问题
MingL520的博客
05-31 599
像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“图像元素”之意，有时亦被称为pel(picture element)像素是网页布局的基础。一个像素就是计算机能够显示一种特定颜色的最小区域。当设备尺寸相同但像素变得更密集时，屏幕能显示的画面的过渡更细致，网站看起来更明快。//ppi是指屏幕上每英寸可以显示的像素点的数量，即屏幕像素密度。
移动端的兼容问题（安卓和iOS手机）
World_Mei的博客
06-02 1971
这里首先说一下，金融问题只有少数情况需要判断操作，且不常见到。兼容问题有很多版本都不一会，安卓和ios也不一样，一般我们遇到了可以去查相关的资料去解决。 一、怎么判断是安卓还是iOS // 获取浏览器的userAgent，并转化为小写 var ua = navigator.userAgent.toLowerCase(); // 判断是否是苹果手机，是则为true var isIOS = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1
html5，在移动端IOS，点击屏幕会出现闪屏的效果
好人一生平安
01-06 1040
html5，在移动端IOS，点击屏幕会出现闪屏的效果 html或者body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
h5页面 ios 手机 上点击某个位置 页面会有灰色闪屏处理
gaoqiang1112的博客
05-24 805
在我们写vue的项目时候 一般我会在 html body 和#app上添加 height：100% 主要是为了撑开页面 有时是为了添加背景色 但是 当你写一个页面的时候 如果你这个页面也写了height:100%的话 而你的页面内容 高度和 超过了所谓的100% 也就是你手机的屏幕的高度 此时你如果你向下滑动 点击 多出来的那部分 就会出发 标题 即 ios 灰色闪屏 其实就是你...
在ios端点击按钮闪烁解决方法（小tips）
weixin_33724046的博客
10-15 684
在ios端，safari浏览器上触发click事件有300ms的延迟响应，为touch添加的样式会和click冲突而出现闪烁问题 在safari中触摸事件的相应顺序如下： touchstart --> touchmove --> touchend --> click(300ms) 此时可试用以下样式取消click事件的默认样式来消除页面闪烁问题 *{ -we...
IOS网页中点击闪烁的问题
weixin_30885111的博客
05-08 271
IOS的网页中可能点击某个元素时可能会出现闪烁的现象, 可以在该元素的样式中添加如下代码: -webkit-tap-highlight-color: rgba(0,0,0,0); 转载于:https://www.cnblogs.com/imaxue/p/6826601.html...
移动端ios遇到的问题及解决办法
誓言不轻信，谎言不枉听
07-13 550
1.ios下margin失效的问题； （1）设置html，body为100%。 （2）给底部div设置固定定位，top为0； （3）给上一个兄弟元素设置padding-bottom，就可以解决了。 2.overflow：auto;在ios下出现卡顿的问题； （1）给滚动的元素 设置-webkit-overflow-scrolling: touch； （2）父级元素设置overflow-...
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
11-21
H5页面在IOS端测试的时候发现，点击按钮会闪动，出现一个黑色的背景一闪而过，...以上所述是小编给大家介绍的移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法 ，希望对大家有所帮助，如果大家有任何疑问请
记一次移动端H5开发所遇到的问题与细节,以及ios兼容
想飞的猪的博客
09-14 4100
第一次弄移动端H5项目开发，虽然是简单的页面展示，但也遇到了很多细节问题与兼容问题，尤其是h5视频标签video, 一.移动端禁止缩放 兼容 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> 主要属性是user-sca...
解决ios环境下点击输入框页面被顶起不能自动回弹到底部问题
YY110621的博客
02-25 8238
前几天开发中遇到的问题，vue移动端页面，点击输入框页面被顶起不能自动回弹到底部，底部会留白问题。网上查了很多方法试过都没用，最终还是找到了一个很有用的解决方式，下面提供解决方法，有需要的直接可以拿去用 先看下问题的效果图吧： ios环境下点击输入框页面被顶起不能自动回弹到底部，底部留白问题   第一步：在页面的输入框中添加获取焦点事件  代码写法： @focus="getFocus" ...
html在移动端IOS点击闪屏问题
xuexizhe88的博客
03-29 4661
1、在实际的html移动端开发时，在移动端IOS，点击屏幕会出现闪屏的效果，如何去除闪屏，可以在html或者body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
移动端开发H5页面点击按钮后出现闪烁或黑色背景的解决办法
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
11-03 4259
-webkit-tap-highlight-color:transparent; *{-webkit-tap-highlight-color:transparent;} H5页面在IOS端测试的时候发现，点击按钮会闪动，出现一个黑色的背景一闪而过，影响用户体验。最后找到解决方法： 就是给点击的元素添加一个CSS属性或者全局添加一个css。 ios和android下触摸元素时出现半透明灰色遮罩.........
ios移动端关于事件绑定区域点击闪屏的解决
樊小书生
09-23 2964
最近做移动端的，在一块区域内绑定事件之后，在安卓上面没有任何问题，然而在iphone上却会出现闪屏，参考一些知名移动端的框架，例如bootstrap，在html和body标签上会添加上下面的这个csss属性：-webkit-tap-highlight-color: rgba(0,0,0,0);添加之后iPhone闪屏效果确实解决了。
html5移动端加载闪屏解决办法
07-16 4316
html5移动端加载闪屏解决办法，其实很简单，给加一个加载过程动画效果就可以了，这样就不会出现闪屏效果，看起来与APP效果基本上是一样的了。 在<body>的下面加一个DIV层 <div class="Loading"></div> 然后我们在公用的CSS代码中加入以下代码，其中loader.gif是一个加载动画，这个可以用简单点的，百度一下“...
移动端点击事件闪屏问题
小D科技的博客
08-23 1832
 移动端手指点击屏幕出现闪屏          在做移动端开发时经常会遇到点击屏幕，屏幕出现蓝光闪屏现象，加入如下这段代码轻松解决闪屏现象。 body { cursor: pointer; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; }  ...
关于ios H5 出现点击内置元素半透明灰色闪屏的问题 的解决
冰魂魄的博客
12-19 835
body,html{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
Vue.js 使用 Swiper.js 在 iOS < 11 时出现错误
weixin_33881050的博客
09-10 299
前言 在H5项目中，需要用到翻页效果，通过 Swiper 来实现，安装 Swiper npm i swiper -S 但是实际使用中，发现低版本 iOS < 11 会出现下面这个错误： SyntaxError: Unexpected keyword 'const'. Const declarations are not suppor...
iOS闪屏问题持续存在：MPMoviePlayerController分析
在探讨有关iOS开发中MPMoviePlayerController闪屏问题的知识点时，我们首先要了解MPMoviePlayerController类的作用以及它在应用程序中的常见用途。MPMoviePlayerController是苹果提供的一个用于播放视频的控制器类，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值