CSS 导航菜单自定义符号

Question

我想弄清楚“加号”符号是如何显示在此页面的导航菜单项的悬停事件中的:http://www.syracusecoe.org/coe/

谁能给点建议

谢谢。

Answer 1

它被添加为背景图像... 您可以在此处找到样式

http://www.syracusecoe.org/coe/SpryAssets/SpryMenuBarVertical.css

第 175 行。

这是代码，因为在浏览器中可能很难找到第 175 行。

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
    background-image: url(../switchimages//wh_cross.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

哦，那是一个使用 javascript 添加的类，它不是 css :hover 做的。