2013-11-04 68 views
2

我正在使用移動版本的現有網站,但無法使用菜單中的鏈接解決問題。
這個問題只發生在股票的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 &amp; 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; 
    } 

回答

4

我不知道,如果它的確定我自己的問題作出迴應,但我已經解決了這個問題,但不知道在哪裏發佈解決方案。

實際錯誤: 實際的錯誤是固定位置和內部鏈接的問題。 Andriod瀏覽器顯示鏈接,但無法點擊。 Visuali的一切看起來不錯,只是不起作用。

修復: 我將元素的位置更改爲靜態並添加了com css來重寫舊的css。

設計問題: 這不是一個最佳解決方案,因爲菜單插入頁面而不是頂部。我不確定哪些瀏覽器存在固定位置問題,因此我將代碼添加到了CSS文件中。如果你有類似的問題,你可以識別瀏覽器,並只添加代碼到該瀏覽器

這裏是鏈接到底部的CSS一個我添加了解決這個問題的代碼。 http://www.antiqpalace.com/sites/www.antiqpalace.com/themes/antiqpalace/css/antiq_mobile.css

+0

本網站鼓勵回答您自己的問題。感謝您分享您的解決方案:) –