Question

也许这对我来说只是一个休息日，但我现在似乎无法弄清楚如何做到这一点＆amp;我没有在网上找到太多帮助。

这是我需要做的事情：

在WordPress中，我需要一个菜单，而不是通常的菜单...＆＃34;只需在您将鼠标悬停在菜单项上或当您的当前页面时更改颜色即可。 ...每个菜单项都有一个单独的bg图像，当在当前页面上或上面悬停时，它与另一个版本的相应bg图像交换。

这是我希望完成的最终产品：

http://i.stack.imgur.com/FRGN7.jpg

帮助？

Answer 1

一种方法是当您进入wordpress菜单部分并转到顶部的高级选项并启用css类，您可以将其指定为具有该菜单项的悬停精灵的类。然后我相信Wordpress为该菜单项添加了一个活动类，因此它总是可以像.yourmenuitem .current-menu-item一样选择当前菜单项。然后在其上指定背景位置，以便切换精灵。但你可以用它来创造。

示例：

#menu-item-38 {
    background-image: url(your image);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

#menu-item-38:hover {
    background-position: -40px 0;
}

#menu-item-38 .current-menu-item {
    background-position: -40px 0;
}

选择/悬停在wordpress上时不同的bg图像

1 个答案: