Question

我使用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{
}

提前致谢！

Answer 1

因为您的下拉菜单包含在#header中，其中包含以下规则：

#header {
    overflow: hidden;
}

它切断了菜单的其余部分。请考虑删除overflow: hidden。

创建仅限CSS的下拉菜单 - 一个项目消失

1 个答案: