html - 在标题内，将 slider 放在对象后面

Question

我有一个问题。我目前正在尝试将 Nivo Slider 实现为标题。在这个标题上是一个带有 Logo 的框(左)，一个带有导航的框(左下)和一个带有子导航的框(右上)。

我尝试用 this 实现它教程。 slider 可以工作，但现在我必须知道如何将它用作“标题背景”，换句话说，我如何将它放在对象后面，而不用咒骂它并将对象从预定位置移开。

这是我的代码:

<div id="header">
<?php include("header_insert.php"); ?>
<div id="logo">
    <a href="<?php echo home_url( '/' ); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/logo.png" alt="Website Title"/></a>
</div>
<div id="sub_nav">
    <ul>
        <?php wp_list_pages('title_li=&exclude=56,54'); ?>  
    </ul>
</div>
<?php wp_nav_menu( array(‘menu’ => ‘Navigation’ )); ?>

我没有改变太多 CSS，除了这个:

    #logo, #sub_nav, .menu-navigation-container {
z-index: 9999;
}

#wrapper, #slider {
height: 504px;
width: 960px;
margin: 0 auto;
}

.nivoSlider {
border: 0;
}

slider 有一些 CSS 文件，但我的主要问题是 Logo 和子导航现在位于标题区域之外，而导航工作正常(在 slider 前面和正确位置)

Answer 1

CSS: z-索引救援:)

在 slider 上使用低 z-index，在元素上使用更高的值，您希望将它们放在“顶部”。如果不起作用，请尝试将 position: relative 或 position:absolute 添加到具有 z-index 的元素。