关于a标签点击会出现的背景色的问题

同事今天在tap里面有a标签,并且给a标签块化之后,点击tap切换时会出现背景色,解决方案:

body {
	margin: 0 auto;
	max-width:100%;
	background: #f7f8fa;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。

时间: 2024-10-18 23:45:54

关于a标签点击会出现的背景色的问题的相关文章

阻止a标签点击跳转刷新

这是一个所有做前端都会遇到的问题: 布局是这样的,有一个宽高100px背景为红的div,默认是display:none 隐藏状态: 给两个a标签绑定的同一个click事件,改变div的display为block:让其显示: 但是第一个a标签点击后div刚出现立马就没有了:第二个a标签点击后div会正常显示: 初遇到这个问题的时候,马虎点的童鞋可能要迷茫很久都找不到原因,而细心点就会发现是a标签点击后页面刷新了,所以闪过: 一部分童鞋始终不知道怎么阻止a标签跳转,于是就换用其他标签,避免给a标签添

IE兼容~a标签点击有虚线边框的问题

解决IE下a标签点击有虚线边框的问题 关键词:IE去除虚线边框.IE解决a标签虚线问题 先看看IE下,a标签出现的虚线边框问题: (上面中,红线包裹的就是一个翻页的按钮,按钮实际是hml的a标签做的,鼠标点击翻页按钮结果却被莫名其妙加了一个虚线的边框) IE怎么去除这种莫名其妙的边框呢? 去掉虚线边框: 使用css: a:focus{outline:none;} 再次用IE查看,虚线就没有了,问题就解决了. (IE8测试通过.)

<a>标签点击不跳转

HTML中的<a></a>标签点击不跳转的方法 一.<a href="####" ></a> 使用这个方法我们会发现<a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP,"#"包含了一个位置信息 二.<a href="javascript:void(null)"></a> 三.<a href="ja

深入A标签点击触发事件而不跳转的详解

本文介绍下,当点击A标签时,触发事件但不跳转的实现方法,有需要的朋友参考下吧. 点击页面上的空链接,点击后页面自动刷新,并会定位到页面顶端. 不过,有时需要点击#页面但不作跳转,可以这样写: <a href="#2">脚本学堂---网站编程</a> 在#后加上点别的东西即可,这样就不会链到别的页面,也不会刷新定位到顶端了. 附,A标签点击触发事件但不跳转的实现方法. 在a标签中有点击事件:1. a href="javascript:js_method(

HTML中button标签点击实现页面跳转的三种方法

方法1:使用onclick事件12<input type="button" value="按钮"onclick="javascrtpt:window.location.href='http://www.9252.com/'" /> 或者直接使用button标签1<button onclick="window.location.href = 'https://www.9252.com/'">儿童</

移动端a标签点击图片有阴影处理

移动端我们在点击页面中的一些图片的时候会出现阴影.处理方法只要给a标签加上 a { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; }

&lt;a&gt;标签里的&lt;img&gt;标签点击虚线框

<a href="#"> <img src="" /> </a> 当img嵌套在a标签里,点击时,会出现虚线框,如何去掉虚线框?css代码如下: a{outline:none;} a:active {outline:none;blr:expression(this.onFocus=this.blur());} img,a .img{border:0} html标签如下: <a href="#" onfoc

jQuery触发a标签点击事件-为什么不跳转

今天开发发现 使用jQuery触发a标签的点击事件,当前的样式发生了变化,可是没有跳转,为什么? 百度后找到的解决方案: <a onclick="hanle()" href="test.jsp" target="main" ><span id="hand">处理</span></a> 在a标签中加上span标签,触发span标签的点击事件. 直接在a标签上触发点击,当前链接onc

a标签点击跳转失效--IE6、7的奇葩bug

一般运用a标签包含img去实现点击图片跳转的功能,这是前端经常要用到的东西. 今天遇到个神奇的bug:如果在img上再包裹一层div,而且div设置了width和height,则图片区域点击时,无任何响应. 出现这个bug的条件是:1.a标签下包含div这样的块元素 2.块元素必须设置width和height属性值 3.该块元素下包含img 解决方法:改结构或者让三个条件的某一个失效就可以了