Question

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

我尝试使用this教程实现它。滑块工作，但现在我必须知道如何将它用作“标题背景”，换句话说，我如何在对象后面获取它，而不是诅咒它并将对象从其预定位置移动。

这是我的代码：

<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文件，但我的主要问题是logo和subnav现在位于标题区域之外，而导航工作正常（在滑块前面和右边位置）

Answer 1

的CSS： z-index的救援：）

在滑块上使用低z-index，在元素上使用更高的值，您希望将其置于“顶部”。如果不起作用，请尝试将position：relative或position：absolute添加到具有z-index的元素。

在标题内，放置一个滑块BEHIND对象

1 个答案: