我正在使用移動版本的現有網站,但無法使用菜單中的鏈接解決問題。
這個問題只發生在股票的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;
}
本網站鼓勵回答您自己的問題。感謝您分享您的解決方案:) –