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

如果您使用的是 css，则在 chrome 版本 32.0.1700.102 中 text-indent:-somebignumber; 隐藏它破坏链接的文本

INSTEAD 根本不使用 text-indent 而是使用 color:Transparent; 我也有overflow:hidden;