1

サブメニューをタブ2の親の上に置くことができません。つまり、tab2 のすぐ下にカーソルを合わせると、サブ メニューが表示されます。自作のボタン（写真）を使用しています。そして、誰かがデモでその CSS コードを片付けることができますか? ありがとうございました:)これがデモですhttp://jsfiddle.net/3Lhe7/

@charset "utf-8";
/* CSS Document */

body {
max-width: 1000px;
text-align: right;
/*text-align: center;*/
}

.bg {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -5000;
}

#navigation {
clear: both;
width: 60%; 
margin: 0 auto; 
border: 0px;
text-align: left;
position: absolute;
top:  65%;
left: 20%;  
height: 90px;
min-width:830px;
max-width:1000px;
}

#navigation ul {
display: inline-block;
margin: 0 auto;
}

#navigation ul li {
display: inline;
position: relative;
float: left;
list-style-type: none;
height: 45px;
}

#navigation li ul {
margin: 0px;
padding: 0px;
display: none;
position: absolute;
}

#navigation ul li a {
list-style: none;
display: block;
width: 150px;
height: 90px;
padding: 0px;
}

#navigation ul li ul {
display: none;  
}

#navigation ul li:hover ul {
display: block;
bottom: 100%;
}

#submenu {  
list-style: none;
display: block;
width: 150px;
height: 45px;
padding: 0px;
margin: 0px;
}
4

1 に答える 1

0

#submenuの高さを 45px にする理由はわかりませんが、これ (heightプロパティ) を変更0すると問題が解決するようです。

#submenu {  
    list-style: none;
    display: block;
    width: 150px;
    height: 0;
    padding: 0px;
    margin: 0px;
}

http://jsfiddle.net/3Lhe7/4/

于 2013-03-06T23:51:59.020 に答える