【求解】PC端测试正常,手机端a标签会失效。
<bodyscroll="no"><divclass="pagenope"><divclass="nope_bg"></div><ahref="index.html"><...
<body scroll="no">
<div class="page nope">
<div class="nope_bg"></div>
<a href="index.html"><div class="nope_left"></div></a>
<div class="nope_crow"></div>
<a href="share.html"><div class="nope_a"></a></div>
<div class="nope_right"></div>
<div class="nope_script"></div>
</div>
</body>
</html>
/*没抽到页面*/
.page.nope {
background-color: #abe2e9;
display: block;
}
.nope_bg {
width: 90%;
height: 45%;
background: url(../img/bull_bg.png) no-repeat;
background-size: 100% 100%;
top: 1%;
left: 5%;
position: absolute;
z-index: 2;
}
.nope_left {
width:33%;
height: 20%;
background: url(../img/play_again.png) no-repeat;
background-size: 100% 100%;
top: 75%;
left: 5%;
position: absolute;
z-index: 2;
float: left;
}
.nope_a {
width: 25%;
height: 7%;
position: relative;;
z-index: 4;
top: 80%;
left: 50%;
}
.nope_right {
width: 50%;
height: 30%;
background: url(../img/find_friend.png) no-repeat;
background-size: 100% 100%;
top: 73%;
left: 45%;
position: absolute;
z-index: 3;
float: left;
}
.nope_script {
width: 35%;
height: 20%;
background: url(../img/notfound_script.png) no-repeat;
background-size: 100% 100%;
top: 47%;
left: 30%;
position: absolute;
z-index: 2;
-webkit-animation: crow_script 2s;
}
<body scroll="no">
<div class="page nope">
<div class="nope_bg"></div>
<a href="index.html"><div class="nope_left"></div></a>
<div class="nope_crow"></div>
<a href="share.html"><div class="nope_a"></div></a>
<div class="nope_right"></div>
<div class="nope_script"></div>
</div>
</body>
</html> 展开
<div class="page nope">
<div class="nope_bg"></div>
<a href="index.html"><div class="nope_left"></div></a>
<div class="nope_crow"></div>
<a href="share.html"><div class="nope_a"></a></div>
<div class="nope_right"></div>
<div class="nope_script"></div>
</div>
</body>
</html>
/*没抽到页面*/
.page.nope {
background-color: #abe2e9;
display: block;
}
.nope_bg {
width: 90%;
height: 45%;
background: url(../img/bull_bg.png) no-repeat;
background-size: 100% 100%;
top: 1%;
left: 5%;
position: absolute;
z-index: 2;
}
.nope_left {
width:33%;
height: 20%;
background: url(../img/play_again.png) no-repeat;
background-size: 100% 100%;
top: 75%;
left: 5%;
position: absolute;
z-index: 2;
float: left;
}
.nope_a {
width: 25%;
height: 7%;
position: relative;;
z-index: 4;
top: 80%;
left: 50%;
}
.nope_right {
width: 50%;
height: 30%;
background: url(../img/find_friend.png) no-repeat;
background-size: 100% 100%;
top: 73%;
left: 45%;
position: absolute;
z-index: 3;
float: left;
}
.nope_script {
width: 35%;
height: 20%;
background: url(../img/notfound_script.png) no-repeat;
background-size: 100% 100%;
top: 47%;
left: 30%;
position: absolute;
z-index: 2;
-webkit-animation: crow_script 2s;
}
<body scroll="no">
<div class="page nope">
<div class="nope_bg"></div>
<a href="index.html"><div class="nope_left"></div></a>
<div class="nope_crow"></div>
<a href="share.html"><div class="nope_a"></div></a>
<div class="nope_right"></div>
<div class="nope_script"></div>
</div>
</body>
</html> 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询