网页a链接 其他浏览器可以点开safari点了以后没有反应

最新推荐文章于 2025-04-05 11:11:17 发布
最新推荐文章于 2025-04-05 11:11:17 发布
阅读量6.1k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42012335/article/details/82222558
版权
博主碰到Safari不能穿透div点击事件的问题，原因是a链接所在标签被其他div盖住。解决办法是给a标签所在div添加样式style=\position: relative ; z-index: 1\。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天碰到了如上问题，求助同事。找到原因。

safari不能穿透div点击事件。a链接所在标签被其他div盖住了。

解决：给a标签所在div添加 样式style="position: relative ; z-index: 1"

<div class="pic" style="position: relative ; z-index: 1">

 

谢大鹏
关注
不同操作系统中通用解决方案，浏览器拉起app或打开本机应用软件原理，前端网页如何打开一个PC本地应用，通过Scheme、JavaScript、第三方库分别实现前端网页打开本地应用
代码讲故事
03-28 1157
不同操作系统中通用解决方案，浏览器拉起app或打开本机应用软件原理，前端网页如何打开一个PC本地应用，通过Scheme、JavaScript、第三方库分别实现前端网页打开本地应用。
微信里的APK链接接打不开怎么办？微信扫描二维码下载APK的解决方案
staremoon732的博客
03-06 3910
不管是app的下载链接还是普通文件的链接在微信内置浏览器或者QQ内置浏览器分享都会被拦截。这是腾讯对第三方下载域名实施的打压政策。被屏蔽了也就意味着链接在微信中是无法正常打开的，那么此时用户在微信内打开就会提示“已停止访问该网页”。那么我们遇到这个问题该怎么办呢。 首先我们要解决域名被拦截的阻碍，其次就是实现微信内直接下载app或打开指定页面的功能。下面给大家大概分析一下如何实现功能和实现后的效...
网页中点击链接没有反应（无法响应JS请求）
modabobo
08-04 1330
有时候网页中点击链接没有反应，例如登录页面，反复点击登录按钮，页面都没有响应，这种情况通常是javascript的DLL文件出了问题，重新注册一下就可以解决。方法： 开始-&gt;运行-&gt;输入:regsvr32 jscript.dll 回车，重新启动IE，通常就OK了，如果还不行，再试试另一种方法： 开始-&gt;运行-&gt;输入cmd-&gt;弹出窗口，然后依次输入以下命令：r...
自己创建的a标签，执行点击事件，在safari浏览器没反应
weixin_30670965的博客
09-29 921
本意是想用js动态创建一个A标签，然后赋URL地址。再触发其点击事件，让其在新标签页打开。 代码如下： var a = document.createElement('a'); a.href = 'http://www.baidu.com'; a.target = '_blank'; document.body.appendChild(a); a...
这6个隐藏功能，让你解锁不一样的Safari浏览器
最新发布
Hgc55888666的博客
04-05 349
但是对果粉来说，其实最好用的，恰恰是 iPhone 自带的 Safari 浏览器，它不仅精简免费，而且性能强大，只是苹果不善言辞，导致很多人都忽略了它的隐藏功能。方法很简单，打开指定网页，点击Safari的「分享」按钮，点击「添加到主屏幕」，就能把网址保存到桌面了，像APP一样去使用了，而且也是免登录的——是不是非常方便？当你打开一个网页，想搜索关键词，只需要在搜索栏内，输入你想查找的关键词，然后在下拉结果里，找到「此页」，点击即可跳转到关键词所在的位置。毕竟它们更方便，更懂国人的需求，也更会玩。
安卓下点击a标签不跳转；点击a标签在手机真机上会调出手机键盘的解决办法...
09-03 450
安卓下点击a标签不跳转的解决办法，是不用href做跳转的链接，改为用JS控制跳转 1 <a href="javascript:;" ontouchstart="window.location.href='https://www.baidu.com/'"><img src="xxx"></a> 这样写虽然解决了安卓下点击a标签不跳转的问题，但...
JSP文件通过a链接到JSP文件出错 或者JSP文件不能直接打开
qq_44783689的博客
07-26 685
一般jsp文件是通过servlet文件打开的，今天想在jsp文件通过<a>标签却找不到文件或者路径报错 在网上查说用href=“相对路径” 打开就行了 测试了一下不行。其实打开jsp文件注意两点就行了 从index.jsp打开insert.jsp路径方法 1、insert.jsp不能放在WEB-INF目录下，WEB-INF目录下只能通过servlet打开，可以在web底下新建一个文件夹，把insert.jsp复制进去 2、如过复制过去，insert.jsp里面这句话删了，重新按.
html让a的链接无效,css如何设置a链接不可点击？
weixin_32534653的博客
06-04 1844
在CSS中，可以通过设置a元素的pointer-events属性的值为为none来让a链接不可点击。下面本篇文章就来给大家介绍一下pointer-events属性，希望对大家有所帮助。pointer-events属性设置或检索在何时成为属性事件的target。语法：pointer-events：auto| none | visiblepainted | visiblefill | visibles...
safari开发模式联调h5，网页检查器空白
wu347771769的专栏
06-28 1220
使用safari的开发模式联调iPad或者iPhone的HTML5页面时出现网页检查器空白问题，如下： 解决办法：通过https://developer.apple.com/safari/technology-preview下载安装对应版本Safari Technology Preview 安装后使用 Safari Technology Preview 进行h5页面联调即可，如下： ...
关于 IOS系统safari浏览器中setTimeout和setInterval定时 失效的问题
热门推荐
qq_35804654的博客
11-12 1万+
问题描述：公司WEB项目，需要在页面做一个心跳；一般都选择setTimeout和setInterval 定时器；在web页面也没有问题，安卓手机也没问，但有IOS用户反应某些需要用到用户登陆的记录数不正确时，才定位到此问题。网上资料都说IOS系统的机制问题，setTimeout和setInterval就是会失效的； 首先先简单介绍一下setTimeout和setInterval方法： 众所周知...
ios-iOS9之iPhone打电话发短信写邮件打开浏览器.zip
07-11
此外，如果你在Safari或其他应用中看到一个电话号码，可以直接点击该号码进行拨打，这就是所谓的"电话链接"功能。另外，通过Siri，你可以用语音命令来拨打电话，例如“嘿，Siri，打电话给张三”。 其次，短信功能在...
【CSS】链接＜a＞点击不了，点击没反应，可能是被其他元素遮挡住了
早知晓的博客
06-08 2392
有过js控制点击不生效的时候吗，这时就要考虑你的元素是否被其他元素遮挡了。这里说的遮挡并不是看不到。而是能看到，却无法透过另一元素选中它。
iOS Safari中移动应用无法打开新标签页的解决方案
太渊
09-16 1085
讨论了在使用网页配置文件实现的iPhone移动应用中，通过JavaScript的window.open()函数尝试打开新标签页时遇到的问题，即该方法在iOS Safari浏览器中无法正常工作。文章首先复现了问题，并解释了iOS Safari浏览器由于安全策略和用户体验设计，可能会拦截未经明确请求的弹出窗口。接着，文章总结了问题的原因，主要是iOS Safari可能拦截不安全的跳转或弹窗，以及可能受到用户安全策略或广告拦截器的影响。
关于a链接在某些手机上会出现的问题
wh_xmy的博客
11-11 619
a链接本来就是超链接，起到跳转页面的作用，但是在有些手机上却会出现一种奇怪的现象，如果你不小心连续点击了两次的话，会激起两层页面，不得不说这个现象很奇怪，也很少见，但是既然出现了当然也是要解决的。下面就是我的解决方案，如果大家有更好的方法，可以分享一下。 var time=0; var flag=null; function done(){ if(time==0)
a链接点击事件失效的方法
疏影横斜水清浅
08-17 4501
&lt;!DOCTYPE html&gt; &lt;html&gt;     &lt;head&gt;         &lt;meta charset="UTF-8"&gt;         &lt;title&gt;&lt;/title&gt;     &lt;/head&gt;     &lt;body&gt;         &lt;a oncl
关于在h5移动端页面中a链接事件
qq_42345237的博客
01-06 886
在h5页面中a链接是经常用到的标签，但是在移动端，我们在页面滚动的时候，a链接就会给我们造成很大的困扰。比如我们本来只是想要页面进行滚动，结果当我们刚触碰到页面上时，页面就跳转了。。。 那么这里就是在移动端的touch事件所影响的，可以在touch事件的时候阻止a链接的点击事件，然后在释放。 <li ontouchstart="cancleDefault(this)" ontouchend=...
safari锚点无法定位问题
q1003675852的博客
12-04 624
使用JavaScript：将以下JavaScript代码添加到你的页面中，以在锚点点击时进行平滑滚动。在Safari中点击#blessing或者#draw的<a>标签元素无法滚动定位到相应的元素位置。
iphone Safari浏览器无法跳转，如何解决问题
pczxw的专栏
04-23 2941
if (searchInput === '' || $.trim(searchInput) === "" || searchInput === '文字' ) {Dialog.alert("文字！苹果手机端跳转不过去，如何改，电脑端可以正常跳转的。
H5使用a标签时，在ios app中无法跳转
技术前端，忠于热爱 @回忆哆啦没有A梦
08-31 4209
在使用wangeditor富文本编辑器时，在 IOS 的app内，a标签点击跳转没有作用，无法跳转到所正确地址。安卓是可以正常跳转。原因竟然是a标签的target="_blank"
响应式房产住宅网页模板下载指南
这就要求设计者进行广泛的测试，确保网页在主流浏览器如Chrome、Firefox、Safari、Edge和Internet Explorer上能够正常工作，不会出现布局错位、功能失效等问题。 知识点十：安全性与性能优化 响应式网页模板在设计...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值