-2

我正在做一个项目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>
4

2 回答 2

0 
use this class on logo image


.logo {
    cursor: pointer;
    display: block;
    margin-left: -17px;
    margin-top: 20px;
}
于 2013-02-08T19:14:59.310 回答
0

2件事：1.添加“显示：块；” 到标签，这将允许它与其中的图像一样大。2. （菜单）覆盖它，使其无法点击。去掉margin-top: -130px，你就可以正常点击了。

不过，我不知道为什么 UL 的顶部有这么多空间。看起来您无论如何都不需要 UL，并且可以只使用 div，因为其中只有一个 li 元素。

-朱利安

于 2013-02-08T19:07:53.693 回答