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這樣做。

Answer 2

懸停狀態使用CSS添加背景圖像。