我使用Twitter的Bootstrap框架创建了一个页面; 问题出在导航栏上.
我有2个徽标,每个图像都嵌套在一个锚标记中.折叠导航栏时,链接工作正常,但在展开时(在桌面分辨率下),您无法单击图像; 看看检查器中的元素,似乎发生的事情是图像以某种方式位于锚标签的"顶部",这样您就可以单击图像周围的填充,但不能单击图像本身.
这是我的代码:
<div class="navbar navbar-inverse navbar-static-top">
<div class="navbar-inner">
<div class="container">
<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<a 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>
</a>
<!-- Be sure to leave the brand out there if you want it shown -->
<a class="brand" style="padding:0px;" href="<?=getRequestProtocol()?>://<? echo curHost(); ?>"><img src="/images/HailStrikeGraphics/hs_header_logo_black.png" width="190px" /></a>
<a class="brand" style="padding:0px;" href="http://www.stormdamagecenter.org"><img src="/images/nsdc_coin.png" /></a>
<!-- Everything you want hidden at 940px or less, place within here …Run Code Online (Sandbox Code Playgroud)