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根本不使用text-indent，而是使用color:Transparent; 我也有overflow:hidden;

Chrome中的Unclickable Links + Navbar

1 个答案: