我正在使用移动版本的现有网站,但无法使用菜单中的链接解决问题。
这个问题只发生在股票的Android浏览器。在Chrome浏览器,Firefox,Safari浏览器,甚至IE浏览器的网站工作正常。网站上的所有其他链接都正常工作。这里是链接到网站,如果你想测试它 - > www.antiqpalace.com。有关股票安卓浏览器的链接问题
代码说明: 原创网站有一个“主菜单”和“左菜单”,我将一些元素从“左菜单”移动到“主菜单”。然后,我重新设计了主菜单并将其隐藏起来,并显示:none。如果你点击菜单按钮JS改变显示来阻止。
我曾尝试:
改变父DIV位置绝对。那没有用,还有主要的滚动问题。
将JQ.click事件添加到元素。结果没有改变。一切仍然在铬上工作...但链接仍然无法在股票的Android浏览器。
- 我添加css - > {{background-color:blue})来查看手机和链接上发生的事情是否正确,只是无法点击。
- 我已经使用google /链接和-webkit转换问题,但我没有在我的CSS中的那一行。
HTML:
<div> ---> whit a fix position and display none
<ul class="menu" style="height: 644px;">
<li class="first leaf menu-mlid-808">
<a href="/about-antiq-palace-hotel-ljubljana.html" >Antiq Palace Hotel
</a>
<img class="DD_right_arrow" src="[some src]">
</li>
<li class="expanded active-trail active menu-mlid-817">
<a href="javascript:show_sub_menu(2)" class="active-trail active">Rooms & Suites
</a>
<ul class="menu" style="height: auto; top: 70.84px;">
<li class="first leaf menu-mlid-823">
<a href="/double-bedroom-residential-suite-one-or-two.html" >Double Bedroom Residential Suite for One or Two
</a>
<img class="DD_right_arrow" src="[some src]">
</li>
.....
</ul>
<div onclick="show_sub_menu(2)" class="A_DD_submenu">
<img class="DD_right_arrow" src="[some src]">
</div>
</li>
.....
</ul>
CSS:
ul{
margin:0 1.5%;
padding:0;
border:none;
width:97%;
height:91%;/* js adds inline height of ful win height -51 px example(height:644px;)*/
display:block;
float:left;
overflow-y:scroll;
}
ul li,
ul li.first {
padding:0;
margin:0;
height:auto;
width:100%;
background:none;
background-color:rgba(196,154,69,1);
display:block;
float:left;
border-bottom:dotted 1px rgb(214,184,124);
position:relative;
z-index:10000;
}
ul li a{
width:70%;
display:block;
font-size:11.5px;
font-weight:bold;
padding: 23px 7%;
text-decoration:none !important;
float:left;
text-align: left;
color: white !important;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif !important;
letter-spacing:2px;
line-height: 16px;
z-index: 10000000000;
position: relative;
}
ul li ul{
width: 100%;
margin: 0;
overflow-y: hidden;
display:none;
}
ul li ul li{
background-color:rgb(126,118,104) !important;
z-index:1000;
margin-bottom: 0 !important;
}
本网站鼓励回答您自己的问题。感谢您分享您的解决方案:) –