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:block visibility:visible;の代わりに与えdisplay:noneて みてください;`#navMenu ul ulvisibility:hidden#navMenu ul li:hovertry

于 2012-06-05T10:35:18.487 に答える