2

我在使用以下 CSS 时遇到了一些问题。当滚动到下拉菜单时，它并不总是显示下拉菜单。有时我必须多次尝试才能使其正常工作。

任何帮助表示赞赏，谢谢。

请在这里查看实时视图。

我的代码如下：

#navMenu{

    margin:0;
    padding:0;

}

#navMenu ul{
    margin:0;
    padding:0;
    line-height:30px;

}

#navMenu li {
    margin:0;
    padding:0;
    /*removes the bullet point*/
    list-style:none;
    float:left;
    position:relative;
    background: #fff;



}




/*for top level */
#navMenu ul li a{
    text-align:center;
    font-family:"calibri";
    text-decoration:none; /*remove underline*/

    margin:-1px;
    /*height width for all links*/
    height:30px;
    width:150px;
    display:block;
    /*border-bottom: 1px solid #ccc;*/



    color: #777;


}








/* hiding inner ul*/
#navMenu ul ul{
    position:absolute;
    visibility:hidden;
    /*must match height of ul li a*/
    top:32px;


}
/*selecting top menu to display the submenu*/

#navMenu ul li:hover ul{
    visibility:visible;



}

#navMenu li:hover{
    /*background-color: #F9F9F9;*/
    background-color: #596C56;
    }


#navMenu ul li:hover ul li a:hover{

   /* color: E2144A;*/
      color:blue;

}

#navMenu ul li a:hover{
        /*color: E2144A;*/
        color:#FFE303;
}
4

2 回答 2

1

尝试减少#navMenu ul ul 的顶部。

#navMenu ul ul{
    position:absolute;
    visibility:hidden;
    /*must match height of ul li a*/
    top:29px;
    background:#333;
}
于 2012-06-05T10:23:43.487 回答
0

而不是给出一个固定的宽度，而是尝试在你的中给出一些边距和填充，#navMenu ul li a并将它垂直居中对齐，line-height给height. 并尝试在你的ul显示中给予display:none而 #navMenu ul ul不是和：块可见性：可见；`visibility:hidden#navMenu ul li:hovertry

于 2012-06-05T10:35:18.487 回答