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 回答