Question

我设计了一个页面并在标题中放置了一个超链接图像。

在上图中，我希望整个图像'Vivo city'可以点击并转到某个超链接。但实际上只有一小部分是可点击的。

我不确定为什么整个图像都无法点击。

<a  href="index" >
<img   src="../../assets/img/logo_white.png"  width="110px"  height="51px" /></a>

图像链接位于Bootstrap导航栏内。请帮我找到问题。谢谢！

Answer 1

这是因为它的姐妹元素.navbar-collapse位于其上方部分位置：

编辑：公平地说，这是问题的答案＆＃34;出了什么问题？＆＃34;。后续问题＆＃34; ...以及如何解决？＆＃34; Serlite在this answer

中回答

Answer 2

（注意：我知道“错误”的最初问题已经得到解答 - 但是觉得解释一下并展示解决方案也很有价值。）

如danielaKay所述，徽标旁边的导航菜单导致重叠问题。目前，您正在使用相对定位将菜单移到右侧：

{
    position: relative;
    top: 0px;
    left: 55px;
}

结合徽标上的float，这会导致菜单部分覆盖徽标并使其无法点击。考虑将菜单浮动到徽标已经浮动的相同方向，只需在左侧添加边距（替换相对位置）：

{
    margin-left: 55px;
    float: left;
}

希望这有帮助！如果您有任何问题，请告诉我。

不幸的是，在没有重新创建整个网站的情况下很难演示此修复，因为您没有在原始问题中提供最小，完整且可验证的示例。请务必在将来这样做，因为对于这个问题的读者来说这将是一个很大的好处。