Question

正如我在标题中提到的那样。我有3个div，我想在div1前面的div2但在div3后面。我正在使用CSS / CSS3。任何建议将不胜感激！

Answer 1

您可以通过使用名为z-index的CSS ptoperty来实现它。

您需要为div1，div2和div3定义类，如下所示：

#div1 {
    background-color: Orange;
    margin-top:100px;
    margin-left: 100px;
}
#div2 {
    background-color: Red;
    margin-top:50px;
    margin-left: 50px;
    z-index: 1;
}
#div3 {
    background-color: Yellow;
    z-index:2;
}

您可以在此处查看示例：http://jsfiddle.net/h7fx8/1/

编辑：

如果没有div2且只有div3的影子那么它可以这样工作：http://jsfiddle.net/h7fx8/2/

Answer 2

z-index是您最好的选择，但某些旧版本的浏览器不支持，即。如果你有

，你可以获得相同的结果

 <div>
 </div>

 <div>
 </div>

 <div>
 </div>

如果您的div可以在另一个内部，则另一个选项是

 <div>
    Content
         <div>
             Content
                 <div>
                      Content
                 </div>
          </div>
 </div>

将div添加到div的字体并使用CSS返回div

2 个答案: