Question

我一直在使用名为Superfish的jQuery插件构建一个简单的菜单。除了最后一件非常烦人的事情之外，我几乎就在那里。我添加了一个类，以便子菜单可以向下而不是向左下拉，我为右箭头添加了一个新的箭头精灵。它表现得像我想要它有一个例外。这是链接：http://richswebarchive.com/terrificart/home/rico_index.php

如果您将鼠标悬停在“艺术品”上，然后再按“两者选择”并进入另一个子菜单，则“由两者选择”框中的箭头将向左返回。进一步的子菜单中的行为是正确的，问题只是在第一级。我试过摆弄css负载，但我似乎无法解决它。

如果有人能帮我解决这个问题，我将非常感激。感谢。

Answer 1

您正在第三级LI（或UL）中的某处重置背景图像。检查你的CSS是否有任何调用右指图像的地方，并创建一个新的选择器，用箭头指向左边覆盖箭头。

父元素（写入选择器）是.leftdrop。

Answer 2

在Suprfish CSS第158行的代码块中：

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

将背景位置更改为backgroind-position: -10px 100px;这可能会解决问题。我无法测试它，但看看是否有帮助。

CSS选择器噩梦

2 个答案: