Html pixopoint子菜单悬停已断开

我使用的是pixopoint多级导航菜单，菜单项之间有分隔线。如果我将鼠标悬停在子菜单上，主菜单的背景会发生变化，而不是细线分隔符img，我会看到一个全高的蓝色条。下面是html和css以及指向我的网站的链接，您可以在这里看到它的实况。谢谢大家！试验地点：

html:

            <ul>
                <li class="toplink"><a href="#">Home</a></li>
                <li class="toplink"><a href="#">About Us</a>
            <ul>
                <li><a href="#">our practice</a></li>
                <li><a href="#">our doctors</a></li>
                <li><a href="#">location and hours</a></li>
                <li><a href="#">office policies</a></li>
            </ul>
            </li>
                <li class="toplink"><a href="#">What We Do</a>
            <ul>
                <li><a href="#">allergy testing</a></li>
                <li><a href="#">list of services</a></li>
            </ul>
            </li>
                <li class="toplink"><a href="#">Patient Info</a>
            <ul>
                <li><a href="#">insurance info</a></li>
                <li><a href="#">patient forms</a></li>
                <li><a href="#">prescription refill request</a></li>
                <li><a href="#">allergy shots schedule</a></li>
                <li><a href="#">what is an allergist?</a></li>
            </ul>
            </li>
                <li class="toplink"><a href="#">Resources</a>
            <ul>
                <li><a href="#">controlling outdoor allergies</a></li>
                <li><a href="#">allergy links</a></li>
                <li><a href="#">patient forms</a></li>
                <li><a href="#">faqs</a></li>
            </ul>
            </li>
            <li class="toplink"><a class="noline" href="contact">Contact</a></li>
            </ul></ul>

---

您所需要做的就是更改它（第234行，style.css）

为此：

.jquerycssmenu ul li a:hover, .jquerycssmenu ul li.toplink:hover, .jquerycssmenu ul li.toplink:hover > a {
  background-image: url(images/nav_green_repeat.png);  
}

---

问题是蓝线是

a

上的背景图像，当你离开顶层

li

时，

a

会回到以蓝线为背景的状态，因此上面的CSS更改更正了这一点。

在这里对我有效。你使用的是什么浏览器？上一个mozilla，是的，它的子菜单可以工作，但当你在子菜单上悬停时，你可以看到主选项卡中的一些变化……在chrome中，没有任何变化。让我们在其他浏览器中看看。对我来说没有什么奇怪的变化。以下是我看到的，mozilla和ie6！这就解决了！但是现在所有的子菜单都默认处于悬停状态。这两个都是用您的行选择的。有什么解决方法吗？您可以在现场测试站点上看到。非常感谢！哦，对不起。我更改了上面的代码，在最后的

a

之前添加了一个额外的

（即

.jquerycsmenu ul li.toplink:hover>a

），太棒了！你太棒了！谢谢你们，这解决了我的问题，也学到了一些关于选择器的新东西：P

.jquerycssmenu ul li a:hover, .jquerycssmenu ul li.toplink:hover {
  background-image: url(images/nav_green_repeat.png);  
}

.jquerycssmenu ul li a:hover, .jquerycssmenu ul li.toplink:hover, .jquerycssmenu ul li.toplink:hover > a {
  background-image: url(images/nav_green_repeat.png);  
}