Question

我正在研究一个项目http://www.node.au.com/我面临的问题是我有一个徽标图像，周围有一个锚标记，但当我将鼠标悬停在徽标上时，它仅适用于左侧区域但不是在整个图像上我搜索了很多解决方案，但没有运气，任何人都可以向我发送解决方案。

请将鼠标悬停在图像的左侧，并提前多久感谢此问题。

这是代码：

<a  href="<?php echo get_option('home'); ?>"><img style="margin-left:-17px;margin-top:20px;"src="http://www.node.au.com/wp-content/themes/folio-two/images/main-logo.png" alt="NODE &ndash; 3D Visualisation"></a>

Answer 1

2件事： 1.添加“display：block;”对于标签，这将允许它与其中的图像一样大。 2.（菜单）覆盖它，使其无法点击。删除margin-top：-130px，你可以点击它。

我不知道为什么UL的顶部还有那么多空间。在任何情况下，您似乎都不需要UL，并且只能使用div，因为其中只有一个li元素。

-Julian

Answer 2

use this class on logo image


.logo {
    cursor: pointer;
    display: block;
    margin-left: -17px;
    margin-top: 20px;
}

为什么锚标签适用于某些图像区域？

2 个答案: