div点击之后出现灰色背景色

2024-10-12

iphone上点击div会出现半透明灰色背景以及margin失效

-webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad).当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景.要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色. 想要禁用这个高亮,设置颜色的alpha值为0即可. -webkit-tap-highlight-color:rgba(0,0,0,0) 如果不行试试在背景上加个rgba(0,0,0

ie10兼容问题 -- 将div定位absolute在图片img上面，导致div点击事件无效

ie10兼容问题: 将div定位absolute在图片img上面,发现div若不加背景色,导致div点击事件(任何事件)无效. <div class="paper-box"> <div class="red-paper"> <img class="company-uk-packet" src="./images/uk-bag.png" alt=""> </div&g

js或jquery实现点击某个按钮或元素显示div,点击页面其他任何地方隐藏div

点击某个元素显示div,点击页面其他任何地方隐藏div,可用javascript和jquery两种方法实现: 一:javascript实现方法技巧<script>//定义stopPropagation 方法的使用,该方法将停止事件的传播,阻止它被分派到其他 Document 节点. function stopFunc(e) { e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true; };//获取元素的

ios访问web页面<div>点击事件不起效果，以及alert()显示url的解决办法

ios访问web页面<div>点击不起效果,在其div上添加style=”cursor:pointer:“ jquery web页面动态append()事件调用方法:$(document).on(e,class,function(){}); ios访问web页面alert()显示url的解决办法重写alert()方法 window.alert = function(name){ var iframe = document.createElement("IFRAME");

[转]JQuery控制div外点击隐藏，div内点击不会隐藏

一直弄清楚这个效果如何实现,看了这篇博客的几行代码原来如此简单,就是利用了事件冒泡而已. 比如有个div其id为body,实现在div外点击隐藏,div内点击不隐藏,采用jQuery实现如下: $("#body").click(function(e) { $(this).show(); e.stopPropagation(); }); $(document).click(function(event) { $("#body").hide(); }); 如果div内点

解决H5页面点击一瞬间出现灰色背景的问题

H5页面有时会出现点击一瞬间出现灰色背景的问题(ios会,安卓不会),解决方法: 加上样式: -webkit-tap-highlight-color: transparent; 如果以上方法不行,则是需要修改background-color的值.

js随即数字random实现div点击更换背景色

需求:点击按钮随机给盒子换背景色用到的知识点:Math.random Math.round 文章地址 https://www.cnblogs.com/sandraryan/ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de

关于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-ta

移动端去除onclick点击事件出现的背景色框

这个特效是实现在移动端点击某个地方的时候,比如说按钮或者超链接的时候,系统会默认加上一些灰色的背景和一些高亮的效果.但是有的时候我们并不想要这些效果.并且希望点击的时候实现神不知鬼不觉的感觉,,这个时候就要用到tap-highlight-color了.只需要在点击的元素中加一个css样式即可,如下: -webkit-tap-highlight-color:rgba(0,0,0,0); 这个样式还可以设置点击时候的背景色:例如: -webkit-tap-highlight-color: rgba(

去除ios系统a标签点击时的灰色背景

使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景,想要去掉的话可以用下面这种方式 a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; background: none; text-decoration: none; }

jquery实现点击改变背景色，点击其他恢复原来背景色，被点击的改变背景色

实现这个功能很简单,可是之前自己不怎么熟悉jquery,感觉各种乱写.现在终于整理好了思路. html: <div class="managementPanel"> <div>div1</div> <div class="red">div2</div> <div>div3</div> <div>div4</div> <div>div5</di

jq 点击按钮显示div,点击页面其他任何地方隐藏div

css .bl_rencai_32{ float: left; height: 35px; line-height: 35px; } .bl_rencai_32 >input{ width: 30px; height: 18px; padding: 0px 5px; margin-top: -3px; } .bl_rencai_32 a{ display: none; background-color: #FF6600; text-align: center; padding: 3px 8px;

CSS设置DIV边框为圆角，添加背景色溢出的问题

这么几天需要做一个类似于层级展示的东西,最后一层需要做一些div框来展示数据,我用css设置了div的边框为圆角,但是添加背景色的时候颜色溢出,覆盖了四个角的圆弧,效果如图所示: css代码如下: .demo{ position: absolute; top:0; height:100% ; border:1px solid #000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; } 个人觉

JS通过ClassName禁止DIV点击

//通过ClassName获取div,使用setAttribute设置div禁止点击 var itemRoom= document.getElementsByClassName("page-wrapper"); for(var i = 0; i < itemRoom.length; i++){ itemRoom[i].setAttribute("style"," pointer-events:none;cursor: default;opacity:

怎么用js或jq点击展开，出现隐藏的DIV,点击收起DIV又隐藏起来.

方法一:1 <script type="text/javascript"> $(function() { $("#toggle").click(function() { $(this).text($("#content").is(":hidden") ? "收起" : "展开"); $("#content").slideToggle(); }); });

三种div点击事件

<div id="div" onclick="alert('成功')">点击</div> var oDiv = document.getElementById("div"); oDiv.onclick = function(){ alert("成功"); } var oDiv = document.getElementById("div"); oDiv.addEventListene

jquery点击区域显示或隐藏DIV,点击非该DIV的地方隐藏该DIV

<div class="Content_top"> <div class="Reserve"> <h3><span class="current">散租自驾</span><span>商务代驾</span><span> </span><span> </span><span> </span><

获取多个div,点击第几个,显示第几个

1.闭包:函数内部又定义了一个函数,内部函数引用外部函数的变量,就构成了闭包. <script type="text/javascript"> var divs = document.getElementsByTagName("div"); for (var i = 0; i < divs.length; i++) { (function (i) { divs[i].onclick = function () { console.log(i+1)

div 点击展开

如何透过上层div点击下层的元素解决方法

一.问题描述笔者是在些一个登录界面时遇到这个问题的,需求是点击登录按钮出现登录悬浮框,初始化时登录悬浮框是display:none的,但笔者发现登录框那一块区域的input框无法响应点击时间,也无法获得焦点. 一般鼠标放在input框上是会变成编辑的横杠,input框也会获得焦点. 二.解决方案对上层元素使用: pointer-events: none; 这样点击事件就能穿透上层元素, 但若是你想让上层元素也能得到点击事件,又该怎么办呢? 只需要在你需要获得点击的上层元素子元素中加入: po

IScroll中div点击事件触发两次解决办法

1.网上的同学说的,直接修改源代码,但是这种方法可能会影响到现有的程序. 搜索onBeforeScrollStart方法,将其中的preventDefault禁止掉搜索_end方法,将其中模拟click事件的方法全部给注释掉. 2.使用如下代码 //为了解决iscroll直接使用click执行两次问题 var touchEvents = { touchstart: "touchstart", touchmove: "touchmove", touchend: &qu

div点击之后出现灰色背景色

热门专题