资讯专栏INFORMATION COLUMN

那些年踩过的坑——h5页面在ios端点击高亮闪烁

姘搁『 / 1468人阅读

摘要:当时碰到过一个问题,页面在端点击的时候,整个页面会高亮的闪烁一下特别明显,被测试狂崔。。。当透明度设为,则会禁用此属性当透明度设为,元素在点击时不可见。

  记得那是第一次独自完成一个项目,现在看来,那个项目会很简单的,但那个时候还是挺有成就感的。
  当时碰到过一个问题,h5页面在ios端点击的时候,整个页面会高亮的闪烁一下,特别明显,被测试狂崔。。。最后发现是 css样式的问题 加一行就好了
   {
    -webkit-tap-highlight-color: transparent;  -----》解决 ios端 高亮闪烁的问题
}

原因如下

当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。

该属性可以只设置透明度。如果未设置透明度,iOS Safari使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/117247.html

相关文章

  • 那些年踩的坑——input输入框 ios readyonly 点击出现光标

    摘要:输入框加了属性就可以达到只读的效果,但是在端,点击该输入框还是会出现光标解决办法,给输入框加上元 input输入框加了readonly属性就可以达到只读的效果,但是在ios端,点击该输入框还是会出现光标解决办法,给输入框加上 unselectable=on onfocus=this.blur()

    elliott_hu 评论0 收藏0
  • 那些年踩的坑——input输入框 ios readyonly 点击出现光标

    摘要:输入框加了属性就可以达到只读的效果,但是在端,点击该输入框还是会出现光标解决办法,给输入框加上元 input输入框加了readonly属性就可以达到只读的效果,但是在ios端,点击该输入框还是会出现光标解决办法,给输入框加上 unselectable=on onfocus=this.blur()

    red_bricks 评论0 收藏0
  • 那些年踩的坑——node代理解决跨域的问题

    摘要:在实际开发中,前后端分离的项目通常会需要同后台开发人员联调接口,不可避免的会碰到跨域的问题。 在实际开发中,前后端分离的项目通常会需要同后台开发人员联调接口,不可避免的会碰到跨域的问题。虽说跨域问题最后基本都是后台同事解决的,但是有时候为了赶时间,没辙只有自己来,使用node代理解决 跨域:协议 域名 端口号 三个只要有一个不一样就是跨域,也就是不同域名之间的访问; 通常解决跨域的...

    worldligang 评论0 收藏0

发表评论

0条评论

姘搁『

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<