图像徽标不会重定向到另一个页面

Question

我在一个标签里面贴了我的标志...... 但当我点击徽标时，它不会重定向到另一页.... 只有当我点击徽标的底部时才会重定向.... 如何使徽标重定向到另一页....... 在下面提供我的代码......

http://jsfiddle.net/KNPZB/10/embedded/result/

                       

.navbar .brand {
float: left;
display: block;
padding: 8px 20px 12px;
margin-left: -20px;
font-size: 20px;
font-weight: 200;
line-height: 1;
color: #fff;
}

Answer 1

这是因为徽标上有<div class="nav-collapse collapse" style="height: 0px;">。

添加

position: relative;
z-index: 1000;

到.navbar .brand {}

Answer 2

尝试将height属性设置为图像的实际高度。