<a> tag doesn&#39;t work the whole area

时间:2017-03-27 17:28:06

标签: html css hyperlink

it is difficult to explain the problem I'm experimenting and could sound even stupid but the truth is the <a href> I have for my website's logotype is not working the entire area it should, and not sure why.

I've tried the same code in a blank HTML file and it works perfectly, so maybe there is something else in my website is in conflict with.

I would appreciate if someone here could gimme a hand with this.

You can see what I mean here

http://tanaanstudio.com/

如果你悬停标识,你会看到没有链接,但是在它的底部。

希望我能够清楚地解释清楚。

提前致谢

3 个答案:

答案 0 :(得分:1)

在这里看到它没有覆盖所有div区域......你只需要在<a></a>标签内设置该div

 <a href="/" class="logo">
   <div class="col-xs-4 logocontainer">
   </div> 
 </a>

答案 1 :(得分:0)

我查看了代码。

这似乎是一个z指数问题。您的导航菜单位于徽标顶部,具有非常高的z-index。您需要正确放置元素。

“navbar navbar-fixed-top”。这是我所指的元素。

希望它对你有所帮助。我自己验证了。

答案 2 :(得分:0)

好的,首先我想再次道歉,因为我没有问正确的方法。我没有发布任何有效的代码,但外部链接可能不会帮助人们。

但是,由于我无法删除这篇文章,因为我已经解决了这个问题,所以我想发一个答案。

正如上面提到的@hungerstar,使用bootstrap让所有内容都正确嵌套很重要。我的问题出在标识的链接上。标识在navbar之外,这也就是为什么这些元素没有在整个区域生效。

希望这个解释有所帮助并再次感到不便。