放一个：悬停在超链接图像上？

Question

在我的自适应网站的移动版本上，我遇到了这个问题：

图像在导航上方，如何在不移动图像的情况下通过定位来解决此问题。这是website - 调整窗口大小，直到您看到导航变为切换。

我已经解决了这个问题。

Answer 1

希望我的回答能够奏效。

我建议你不要研究你的代码。我在徽标中看到了问题。

我发现您的徽标画布比徽标更大，就像您在Adobe Photoshop中打开徽标文件一样，您的徽标看起来就像。

__________________________
|                        |
|                        |
|        L O G O         |
|                        |
|________________________|

实际上，这个空白区域与其他html对象重叠，例如最后两个导航链接。

所以这里的问题是，当鼠标经过最后两个链接时，它实际上会在导航上方找到透明的图像画布。因此鼠标将其视为图像而不是导航链接。

__________________________
| Vendor                 |
| Contact                |
|        L O G O         |
|                        |
|________________________|

沿着徽标的粘合盒（大多数外边缘）修剪徽标图像，以移除photoshop中的周围边缘或任何其他您喜欢的图像编辑工具。

而不是在图像中使用空白画布，在使用Web开发时使用边距/填充。

希望这会对你有所帮助。如果您需要进一步的帮助，我会在这里找到您的帮助。