HTML链接移动无法点击,但在桌面上
问题描述:
我有我的移动网站的顶部有两个按钮的麻烦 www.thefriendlydentist.ie点击HTML链接移动无法点击,但在桌面上
他们是在桌面上点击,但在移动我没有得到任何响应?
在HTML被放置在WP主题的报头。
<div id="topcontact-2" style="background-color:white;">
<a href="tel:012863787"><p style="background-color:white;padding:none;"class="call-button" id="call-button"> CALL US </p> </a>
<a href="mailto:[email protected]"> <p style="background-color:white;padding:none;" class="call-button" id="email-button"> EMAIL US </p> </a>
</div>
答
删除下面的代码块或显示:隐藏在您的主题的移动。
如果您在使用移动设备工具栏上的桌面浏览器看,你会看到这些内容填满所有页面,以便您的按钮留下他们的后面。
<div class="mobile-bg-fix-img-wrap">
<div class="mobile-bg-fix-img" style="/* width: 375px; *//* height: 767px; */"></div>
</div>
+0
谢谢!我没有意识到他们被覆盖,因为当我以移动宽度在桌面浏览器上查看时,它似乎是可点击的。 – dan101
答
请去你的CSS,使这一变化。
.mobile-bg-fix-wrap .mobile-bg-fix-img {
position: absolute;
width: 100%;
height: 125%;
left: 0;
top: 0;
background-size: cover;
}
要:
.mobile-bg-fix-wrap .mobile-bg-fix-img {
position: absolute;
width: 100%;
height: 125%;
background-size: cover;
}
顶部和左侧设置为0是重叠的两个按钮导致它,你不能点击。不看完整结构
这是不可能知道的问题。 – Dekel