0

我有个问题。我目前正在尝试将 Nivo 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;
}

滑块中有一些 CSS 文件，但我的主要问题是徽标和子导航现在位于标题区域之外，而导航工作正常（在滑块前面和正确位置）

4

1 回答 1

1

css: z-index 来救援 :)

在滑块上使用较低的 z-index，在元素上使用较高的值，您想放在“顶部”。如果不起作用，请尝试将位置：相对或位置：绝对添加到具有 z-index 的元素。

于 2013-01-10T14:58:48.803 回答