无法点击的链接+ Chrome中的导航栏

Question

我在页面顶部有一个固定的导航栏和一些链接（隐私，站点地图等）。当点击它们时没有任何反应。悬停和下拉式工作，但点击链接是看不到的。它适用于Firefox（19），但不适用于Chrome。

有人可以帮忙吗？我使用标准bootstrap-css。

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="containerr" align="center"> 
     <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span>  
     </button> 


     <table width="100%" border="0" cellpadding="0" cellspacing="2"> 
     <tr> 
     ... 
     </tr> 
     </table> 

     <div class="nav-collapse"> 

     <ul class="nav"> 

      <li class="active"><a href="1.html" class="activator">1</a></li> 
      <li class="divider-vertical"></li> 
      <li><a href="2.html" class="activator">2</a></li> 
      <li class="divider-vertical"></li> 

      <li class="dropdown" id="iddropdown"> 

      <a href="3.html" class="dropdown-toggle activator" data-hover="dropdown" id="iddropdowninner"> 
      3 </a> 
      <ul class="dropdown-menu"> 
       <li><a class="activator" href="3.html#collapseOne">3.1</a></li>     
       <li><a class="activator" href="3.html#collapseTwo">3.2</a></li>    
      </ul> 
      </li> 
      <li class="divider-vertical"></li> 
      <li><a href="4.html" class="activator">4</a></li>    
     </ul>   

     </div><!-- /.nav-collapse --> 
     </div><!-- /.container --> 
    </div><!-- /.navbar-inner --> 
    </div><!-- /.navbar --> 

http://jsfiddle.net/Q2gj7/

非常感谢！

Answer 1

在Chrome版本32.0.1700.102如果您使用的CSS text-indent:-somebignumber;隐藏它打破了链接

INSTEAD完全不使用文本缩进文本但使用color:Transparent; 我也有overflow:hidden;