0

CSSwizardry のチュートリアルを使用して、Wordpress のメニュー用に CSS のみのドロップダウン メニューを作成しました (2 つ以上のリンクを投稿するのに十分な評判がありません)。私のホームページ: http://www.tarawilder.com (「デザイン」と「開発」の項目を見るには「ポートフォリオ」にカーソルを合わせてください) で問題なく動作しています。

しかし、インテリアのページに入ると「デザイン」ではなく「開発」しか出てきません。例については、http : //www.tarawilder.com/portfolio/ にアクセスしてください。

なぜでしょうか？髪を引きちぎりたいのですが、一晩中これを理解しようとしています。

メニューの CSS は次のとおりです (技術的には両方のページで同じです)。

#menu1 {
    height: 30px;
}

.menu {
    position:relative;
    z-index:50;
}

.menu li {
    position: relative;
}

.menu a {
    display:block;
    padding:5px;
    color:#fff;
    text-decoration:none;
}
.menu ul{
    background:#fff; 
    list-style:none;
    position:absolute;
    left:-9999px; 
}

.menu ul li{
    padding-top:1px; 
    float: left;
    padding-top: 10px !important;
}

.menu ul a{
    white-space:nowrap; 
}

.menu li:hover ul{ 
    left:0; 
}

.menu li:hover a{ 
}

.menu li:hover ul a{ 
    text-decoration:none;
}

.menu li:hover ul li a:hover{
}

前もって感謝します！

4

1 に答える 1

1

ドロップダウン メニューは #header 内に含まれているため、次のルールがあります。

#header {
    overflow: hidden;
}

それはメニューの残りを切り取ります。を削除することを検討してくださいoverflow: hidden。

于 2013-08-27T02:42:39.177 に答える