2013-11-04 39 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

本网站鼓励回答您自己的问题。感谢您分享您的解决方案:) –