Question

我创建了一个动态网站，根据从数据库中获取的数字创建li的列表，但在li里面有三个div，最后一个div class =“panelslider”。

我希望在所有列表的顶部显示，但它在其上面和其他li上面显示。

我该怎么做？

这是我的代码：

<html>
    <head> 
        <title>Dynamic</title> 
    </head>
    <body>
        <ul id="panel1" sizcache="0" sizset="19">
            <li sizcache="0" sizset="19"></li>
            <li sizcache="0" sizset="20"></li>
            <li sizcache="0" sizset="21"></li>

            <p class="title"></p>
            <div class="thum"></div>
            <div sizcache="0" sizset="21"></div>
            <div class="panelslider"></div>

            <li sizcache="0" sizset="22"></li>
            <li sizcache="0" sizset="23"></li>
            <li sizcache="0" sizset="24"></li>
        </ul>
    </body>
</html>

Answer 1

如果我理解正确，请尝试：

.panelslider{
  z-index:999;
}

甚至，

.panelslider{
  position:absolute;
  z-index:999;
}

如果没有提供更多CSS，很难说。

Answer 2

我认为您的代码存在一些问题。

您无法在列表中显示div或任何标记。如果你愿意这样做，那将是下面的事情：

<ul>
     <li></li>
     <li>do something here </li>
  </ul>

如果你需要定义像div，p等其他东西，那么从标签中定义它。

内部列表中的Div应位于所有列表的顶部

2 个答案: