自举图像链接不工作

问题描述：

我在我的标题中有一个标志图像，我在那里有标准代码，浏览器源代码甚至显示它，但链接不会在任何地方。请看下面：自举图像链接不工作

<a href="index.html"><img class="img-responsive hidden-xs" src="img/sitewide-images/logo.png" width="106" height="106" alt=""/></a>

这里是一个测试服务器上的一个链接直播：http://wsieworksstaging.com/ptmw/index.html

为什么要这样呢？你在'index.html'上，并链接到'index.html'。所以你只需点击相同的页面即可。 – 2014-08-28 21:24:56

您应该在运行时通过验证程序运行该代码。似乎有几十个问题。 – j08691 2014-08-28 21:26:05

我通过Dreamweaver CC的W3C验证程序运行了它，并验证过，没有发现任何错误或警告[HTML5]。 – SixFootUnda 2014-08-28 21:30:41

答

引导应container>row>column

你没有把行内的那些列，所以下面的行不结算，并覆盖它。尝试：

<div class="container"> 

    <div class="row"> <!-- wrap with a row to force the content below to clear --> 

     <div class="col-md-2 col-sm-2">..</div> 

     <div class="col-md-10 col-sm-10">..</div> 

    </div> 

    <div class="row"> 

     <nav class="navbar navbar-default navbar-inner" role="navigation"> .. </nav> 

    </div> 

</div>

From The Documentation

行必须被放置为适当对准和填充一个.container（固定宽度）或.container流体（全宽度）之内。使用行来创建水平的列组。

答

因为带班排的格坐在它上面并阻止任何点击。添加clear:left使其不受阻碍，链接将变为可点击。

感谢您的答案，我应该使用clear：左图像还是div级的行？ – SixFootUnda 2014-08-28 21:31:21

与行类div。 – j08691 2014-08-28 21:32:21

但是它会改变'header'的有效'高度'。 – 2014-08-28 21:35:23

答

您还可以尝试给该锚定一个绝对值position和z-index值。

a[href="index.html"] { 
    position: absolute; 
    z-index: 1; 
}

自举图像链接不工作

相关推荐