css - 使用 CSS 将 div 字体设置为 div 并返回一个 div

Question

正如我在标题中提到的。我有 3 个 div，我希望 div2 在 div1 之前但在 div3 之后。我正在使用 CSS/CSS3。如有任何建议，我们将不胜感激!

Answer 1

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

您需要为 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/