响应式下拉CSS修复

时间:2013-08-23 20:15:25

标签: css html5 drop-down-menu menu responsive-design

这是小提琴>> http://jsfiddle.net/fpCpc/`"> jsfiddle

问题是当我向下滚动下拉导航时,顶部部分不会保持活动状态 - 我也截取了屏幕截图! Screenshot

请提示任何提示!谢谢。

2 个答案:

答案 0 :(得分:1)

在这个样式块上:

.dd_menu_wrapper a:hover,
.dd_menu_wrapper label:hover {
    color:#000;
    background-color:#eff0f1;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
}

您需要添加:

.dd_parent:hover label

小提琴:http://jsfiddle.net/fpCpc/1/

答案 1 :(得分:0)

将此添加到您的CSS

.dd_parent:hover > label {
    color:#000;
}

DEMO jsFIDDLE