使用 CSS 将 div 带到字体 div 并返回 div

Question

正如我在标题中提到的。我有 3 个div，我希望div2 在div1 前面但在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 是您最好的选择，但某些旧版本的浏览器不支持，即 IE。

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

如果您有可以彼此内部的div，另一种选择是

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