标题图像链接上的奇怪边界框

时间:2016-05-07 20:43:28

标签: html css

我在一个网站上为客户工作,我遇到了麻烦。我不太清楚如何解决这个问题,谷歌搜索对我没有任何帮助。

我在This Site看到了导航。如果您将徽标悬停在左上方的徽标上,则表现为链接,从而完成我想要的目标。但是,如果您将鼠标悬停在图像下方几个像素处,则无法链接。没有光标变化或任何东西。哪个好,直到你超越它,在那里有一些空间,你可以悬停找到与上面的图像相同的链接。这不好,虽然我找不到一种方法来删除它而不删除标签,这无论如何都会失败。有人可以帮忙吗?

2 个答案:

答案 0 :(得分:1)

正确设计它们。

a {
  cursor: default;
}

img {
  cursor: pointer;
}

(Sass)

 a {
   cursor: default;
     img {
       cursor: pointer;
     }   
 }

答案 1 :(得分:0)

在查看其他人的代码(引导,具体化等)几个小时后,我发现将positiondisplay值更改为absoluteinline-block链接,它将使链接包装图像。希望这也能帮助那些有这个奇怪问题的人。