用CSS3解决移动端手指点击或滑动屏幕时出现的浅蓝色背景框

来源:设计经验分享网
添加时间:2024年02月

默认情况下,移动端手机网站当手指点击某元素时,该元素会出现一个浅蓝色的背景框,如果是链接,点击完就加载到新的页面去了,可能感觉不太明显,但是如果做一些效果,比如手指滑动屏幕的效果,就感觉比较明显了

因为滑动这个动作细拆开来,就是手指先点击屏幕某处,然后再进行手指移动,你会发现被点击到的元素后边总有个浅蓝色背景,虽然你手指离开后它自己会消失,也不影响大局,但是总会感觉还是不够完美,那么这个问题如何解决呢?

在CSS3中,有一个属性“-webkit-tap-highlight-color”,我们不想要那个点击产生的背景框的话,只需要在body样式中设置该属性rgba中的alpha值为0即可,具体写法如下:

-webkit-tap-highlight-color:rgba(0,0,0,0)

这样设置以后,移动端手机网站手指点击或滑动屏幕时就不会再出现那个浅蓝色背景框了,当然,如果你想保留这个背景框,而只是改变下这个背景框的颜色,同样是用该属性,修改对应rgba即可。

 

平面设计相关资讯推荐阅读:


网页制作一般有哪些收费标准,深圳企业网页建设 网页设计公司哪家靠谱 深圳网页制作使用HTML5的4个原因深圳网页建设总结选取核心关键词方法深圳福田网页制作维护,网页建设完成后要怎样维护网页网页建设哪些问题会影响用户体验怎么选营销型网页建设公司营销型网页布局​应该如何规划新网页如何推荐更多用户喜欢的内容高质量H5网页建设应如何设计规划网页栏目该怎么去设定门户网页设计需考虑哪些标准高质量网页建设拥有哪些特点一个好的企业网页网页必须具有什么标准网页制作中样式规划怎么做运营的最高境界:带节奏营销型网页的行动力网页备案是什么,网页为什么备案高端网页设计:网页可访性检查表网页开发制作公司如何应对瑞丽算法手机网页与传统电脑端网页相比有什么优势网页建设中较常见的的10个问题设计企业网页首页的网页地图需要注意哪些问题哪些因素决定了网页建设能不能留住人做一个企业网页建设需要多长时间 有实力的网页设计模板制作电话贵州省加强政府网页建设杜绝“僵尸”网页、“睡眠”栏目建设网页不能只看价格,要选合适自己的!外贸网页页面怎样设计方案才可以令用户喜欢手机网页建设的流程和注意事项科技-导航和内容对企业网页建设有哪些重要作用网页结构怎样开展提升实际效果优良 如何运营好独立的B2C商城网页网页制作遵循的原则和如何设计科技分享网页被镜像的解决方法2022年易百讯春节放假通知,及放假时间按排企业网页建设的关键一环是:突出企业品牌实力PHP生成随机数不重复如何把握网页建设不同时期文章的原创深圳什么类型网页建设适合小企业如何设计一个简单大气的网页网页建设教您如何避免建站中的安全隐患电子邮件营销:掌握你的电子邮件订阅者2低13年元旦放假通知网页色彩搭配需要注意的几个问题什么是定制软件开发设计高端网页首页的注意事项如何解决索引量大幅度下降深圳网页建设前期须知的企业网页规划如何建立品牌网页域名是网页的门面,我们该如何选择新上线企业网页运营策略地方垂直网页的生存思路深入了解做网页建设要掌握哪些技能503状态码与404的区别搜索引擎优化应成为企业核心战略的重要部分企业应该做什么类型的网页建设简洁明了的网页设计最受欢迎国内首个第三方网页可信服务行业规范推出广州网页建设公司教你调整站内文章关键词
网站备案号:豫ICP备2024041165号