I've been tinkering around with the excellent Superfish drop-down menu to fit my needs. Here's the result. Still, there are two oddities I need to fix.
Since I changed the font family and font size used for the items in the menu bar, the drop-down menus are aligned incorrectly a few pixels lower than where they should be.
Secondly, when I hover over a menu item that has a submenu, an arrow to the right is displayed but it's not as visible as it should be due to the light background color. Can I change this quickly without making a new arro开发者_JAVA技巧w image?
Firstly, look for this section of the css, around line 34, and tweak the value of 'top' down to suit, probably down to around 1.5em:
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left:0;
top:2.5em;
z-index:99;
}
Secondly, not really. A new image is the way to go, if you want to change the way the arrows look.
精彩评论