Css z-指数&；溢出不使用下拉菜单和滑块

我有一个带有标准下拉菜单的页面，菜单下方有一个滑块。问题是，当菜单展开时，它会显示在滑块下方

这是HTML结构：

<div id="header">
<header id="branding" role="banner">
    <hgroup>
        <nav id="access" role="navigation">
            <div class="menu-primary-navigation-container">
                <ul id="menu-primary-navigation" class="menu">...</ul>
            </div>
        </nav>
    </hgroup>
</header>
</div>

<div id="main">
    <div id="primary">
        <div id="content" role="main">
            <div id="jj-nexgen-jquery_slider-5">
                <ul class="ul_jj_slider">

我错过了什么？如果我从

branding

元素中删除

overflow

属性，它会工作，但是标题背景和填充将不再工作

---

这个问题可以从中看出。

您好，只需在您的

#branding

div中删除

overflow hidden

，然后在此处添加

float left

请参阅下面提到的CSS：

#branding{
overflow:hidden; // remove this line
float:left; // add this line
}

---

您好，只需在您的

#branding

div中删除

溢出隐藏

，然后在此处添加

左浮动

请参阅下面提到的CSS：

#branding{
overflow:hidden; // remove this line
float:left; // add this line
}

父

#branding

元素的溢出隐藏，并正在切断您的菜单。 为了避免这种情况，品牌元素必须随之浮动

当然，这会破坏

#标题。解决方法是使此浮动以及宽度调整的边距和填充：

背景：#fff
margin:0-38px
填充：0 38px
float：左
父元素
#branding
元素隐藏了溢出，正在切断您的菜单。
为了避免这种情况，品牌元素必须随之浮动

当然，这会破坏
#标题。解决方法是使此浮动以及宽度调整的边距和填充：

背景：#fff
margin:0-38px
填充：0 38px
float：左
所以你的滑块是基于flash或js的………？它是javascript。你可以在这里看到确切的行为：试着给“#access ul”一个比“#branding”低的z指数。滑块元素可能还需要一个z索引，该索引低于给定给“#access ul”的索引。我需要了，但它仍然不起作用。如果我从
branding
元素中删除
overflow
属性，它会工作，但标题背景和填充将不再工作。因此，您的滑块是基于flash或js的………？它是javascript。你可以在这里看到确切的行为：试着给“#access ul”一个比“#branding”低的z指数。滑块元素可能还需要一个z索引，该索引低于给定给“#access ul”的索引。我需要了，但它仍然不起作用。如果我从
branding
元素中删除
overflow
属性，它会工作，但标题背景和填充将不再工作。此解决方案工作，但
标题
会丢失其背景。为了让它工作，我还必须应用
float:left
到
#header
div，就像下面推荐的用户一样。无论如何谢谢你的帮助，我很感激！现在，如果不使用float left than定义标题高度，则此解决方案可以工作，但
标题
会丢失其背景。为了让它工作，我还必须应用
float:left
到
#header
div，就像下面推荐的用户一样。无论如何谢谢你的帮助，我很感激！现在，如果不使用float left，请定义标题高度