自定义Superfish下拉菜单后出现问题

时间:2010-04-11 18:10:47

标签: javascript html css menu

我一直在修改优秀的Superfish下拉菜单,以满足我的需求。 Here是结果。不过,我还需要解决两个问题。

由于我更改了菜单栏中项目使用的字体系列和字体大小,因此下拉菜单的对齐方式比它们应该的位置低几个像素。

其次,当我将鼠标悬停在具有子菜单的菜单项上时,会显示右侧的箭头,但由于背景颜色较浅,它不会显示。我可以在不制作新箭头图像的情况下快速更改吗?

1 个答案:

答案 0 :(得分:0)

首先,在第34行附近查找css的这一部分,并调整'top'的值以适应,可能低至1.5em左右:

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left:0;
top:2.5em;
z-index:99;
}

其次,不是真的。如果您想要改变箭头的外观,可以使用新的图像。