移动端webview碰到的问题
在移动端网站，当你点击加了a标签的文字或图片时，该元素的周围会闪现半透明灰色背景，在微信上的网站就是如此；而有的浏览器会闪现一个半透明遮罩层，比如移动端的Chrome浏览器，其实这些特效无非就是为了告诉用户已点击了该元素，提升用户体验，但有的时候你会觉得这些特效看起来很别扭，就想着清除它，其实这很简单，只要加上一句CSS就行了。
a {
-webkit-tap-highlight-color:rgba(255,0,0,0);
}
这是webkit内核浏览器的私有属性，但它对于微信上的网站同样有效，估计微信用的浏览器也是webkit内核的，其实大部分移动端浏览器用的都是webkit内核，比如UC和Safari。
移动端webview碰到的问题 在移动端网站，当你点击加了a标签的文字或图片时，该元素的周围会闪现半透明灰色背景，...
开发移动端布局时,移动端有些不同于PC端网页的特有样式,比如: 1.a标签被点击时会产生蓝色遮罩层的高亮效果. 在...
ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉ios用户点击一个链接，会出现一个半透明灰色遮罩, 如果想要禁...
场景:同事做移动端页面时遇到一个问题， 点击一个元素出现一个弹窗遮罩层，遮罩层上有一个关闭按钮。当点击开启按钮时，...
清除ios端按钮的默认样式: 清除a标签点击是的黑色背景: 移动端overflow: scroll 滑动不流畅问题...
前几天项目需求，就是常见的移动端页面，点击出现半透明遮罩，遮罩上面有新弹出的窗体，窗体内部有滚动内容，但是会导致遮...
1.vue实现一个移动端屏蔽滑动的遮罩层元素代码@touchmove.prevent 防止移动端触摸冒泡 遮罩层...
1.移动端禁止遮罩层下面的页面滑动 答：打开遮罩层的时候，给遮罩层下面的页面添加position:fixed属性，...
html移动端的兼容问题：1.iOS手机上点击事件按下之后会会先一个灰色遮罩层这是因为iOS手机默认增加了高亮显示...
代码如下 实现效果:点击按钮，显示遮罩层，弹出弹框点击遮罩层，隐藏遮罩层，隐藏弹框
本文标题：清除移动端网站点击a标签时闪现的半透明灰色遮罩层
本文链接：https://www.haomeiwen.com/subject/buceattx.html
网友评论