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

移动端我们在点击页面中的一些图片的时候会出现阴影。处理方法只要给a标签加上

a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
时间: 2024-10-12 09:20:19

移动端a标签点击图片有阴影处理的相关文章

js点击图片删除子标签li

上图的效果图请看下面 点击图片部分会删除子标签li部分

img标签jquery 实现点击图片放大缩小

1.准备Html文本 <%-- img标签--%> <asp:Image ID="Sys_Adpic1" runat="server"  Style="max-width: 200px;" /> <%-- 缩放照片div--%> <div id="ViewQi" class="ViewQistyle"> <div id="showdiv&quo

移动端点击图片查看大图

一.需求 点击图片查看大图,再点大图隐藏.多用于移动端,因为移动端屏幕小,可能需要查看大图. 二.代码 <!DOCTYPE html> <html> <meta charset="utf-8"/> <head runat="server"> <title>JQuery点击图片查看大图by starof</title> <style type="text/css">

点击图片上传文件

一.选择文件 1.隐藏input(大部分手机浏览器,微信中都不可用) 通过js触发选择文件.js获取选择的文件并上传 实现: <html> <head> <title>上传</title> </head> <body> <img src="xxxxxxx" id="image" onclick="select()" name="image" />

vivo手机的坑-禁止微信浏览器网页点击图片,图片会自动放大

这个坑让我郁闷极了,之前我的手机在微信浏览器打开网页点击图片时,啥事也没有 现在,咋回事,变了呢! 现在我打开微信浏览器网页面html,点击一个img标签的图片,图片会自动满屏放大,吓死宝宝了.其他人的手机就咋没有这个问题呢,我的pie手机 这种事情的发生有时候是让我高兴的,但是有时候是悲伤的(若是我需要给一个按钮添加点击事件且按钮里存在img标签时,太TMD悲伤了): 现在终于解决了这种事情的发生!!!! 移动端禁止图片长按和vivo手机点击img标签放大图片,禁止长按识别二维码或保存图片 i

五月六日 HTML标签 超链接、图片属性和列表

今天的内容主要是HTML标签的超链接 图片属性 列表的用法 一.超链接,锚点和下载. (1)超链接 <a href="URL" targe="_blank">网站名</a> 可以直接点击中间的文字打开网址,target是点击超链接打开的网页的属性,_self是直接在当前页面打开, _blank是在新的空白标签页中打开. (2)锚点 <a name="锚点">   定义 一个锚点 <a href="

手机端 — 点击图片全屏查看

在公众号中提交服务需求工单后,经过"待分配"."待执行"."执行中"."待验收" 这些阶段后,需要验收人提交评论上传图片才能变成"已完成". 做好后新增点击图片全屏查看的需求,刚开始使用的方法能够做到,但是由于 jquery 的版本冲突,所以不得已换了现在的方法. <div class="add_photo" style="margin-top: 1000px;"

移动端300ms的点击延迟以及解决方案

[今天做在移动端的一些效果时,我选择使用动画而不是用过渡,这个300ms的点击延迟是我为什么使用动画而不使用过渡最主要的一个原因] 动画和过渡 共同点:都是css控制DOM运动, 不同点: 1.过渡:只有两个关键帧,开始和结束: 2.动画可以设置多个关键帧 3.过渡必须通过事件去触发 4.动画不需要打开即可运动 [CSS执行速度更快,js事件触发执行,手机端点击类事件则会遇上300ms点击延迟,用户体验更差] 一.移动端300ms点击延迟 一般情况下,如果没有经过特殊处理,移动端浏览器在派发点击

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

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