我是新的CSS页面。当我写一个带有一个href嵌套的a标签时,它可以在计算机模拟中被点击。但一旦切换到移动的手机模拟,点击就无法跳转。为什么?为什么?
这是html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<link rel="stylesheet" href="css/style.css" />
<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
</head>
<body>
<div class="page page5 hidden">
<img class="page5mainbg fadeIn" />
<img class="bg" src="img/background.png"/>
<img class="main" src="img/mainHeading.png"/>
<img class="dizhi" src="img/dizhi.png"/>
<img class="red" src="img/red_wave.png"/>
<img class="map" src="img/school_map_new.png"/>
<a href="https://ditu.amap.com/search?query=%E8%8B%8F%E5%B7%9E%E5%9F%8E%E5%B8%82%E5%AD%A6%E9%99%A2%E7%BB%BC%E5%90%88%E6%A5%BC&city=320506&id=B0I6MCYD6X&query_type=IDQ" class="daohangmain">
<button class="daohang">导航</button>
</a>
<span class="info1">联系电话:0512-66517351</span><br>
<span class="info2">地址:江苏省苏州市吴中区吴中大道1188号</span>
<div id="qrcode"></div>
</div>
<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
<script type="text/javascript" src="js/TouchFunction.js" ></script>
<script type="text/javascript" src="js/animation.js" ></script>
<script type="text/javascript" src="js/qrcode.js"></script>
</body>
</html>
这是我的CSS:
/* new append page5 */
.page5 img {
position: absolute;
}
.page5 .info1 {
position: absolute;
}
.page5 .info2 {
position: absolute;
}
.page5 .page5mainbg {
background-color: #f42a1b;
width: 100%;
height: 100%;
}
.page5 .bg {
width: 90%;
right: 5%;
top: 8%;
height: 75%;
}
.page5 .main {
width: 60%;
right: 20%;
top: 5%;
height: 6%;
}
.page5 .dizhi{
width: 60%;
right: 20%;
top: 5%;
height: 6%;
}
.page5 .map {
width: 70%;
right: 15%;
top: 15%;
height: 30%;
}
.page5 .daohangmain {
position: absolute;
right: 15%;
top: 41%;
z-index: 99;
}
.page5 .red {
width: 100%;
right: 0;
top: 51%;
height: 55%;
}
.page5 .info1 {
width: 50%;
right: 25%;
top: 46%;
}
.page5 .info2 {
width: 76%;
right: 9%;
top: 51%;
}
.page5 #qrcode {
position: absolute;
right: 58%;
top: 58%;
}
我使用z-index:99、但不是工作。
请告诉我如何修改css样式,使按钮链接可以在移动的手机上点击跳转。
1条答案
按热度按时间tf7tbtn21#
这对我来说工作得很好,伙计,可能是什么东西阻止你点击链接;这是JavaScript中的一个函数,你应该检查是什么阻止你点击链接,重新检查你的javascript代码,如果有东西是动画覆盖或其他任何东西.!!