Question

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/

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

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

提前致谢

Answer 1

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

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

Answer 2

我查看了代码。

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

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

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

Answer 3

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

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

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

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

<a> tag doesn't work the whole area

3 个答案:

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

3 个答案:

<a> tag doesn't work the whole area