25

我有两个div喜欢

<div class="imageDiv"></div>
<div class="imageDiv"></div>

和css类，

 .imageDiv
    {
        margin-left: 100px;
        background: #fff;
        display: block;
        width: 345px;
        height: 220px;
        padding: 10px;
        border-radius: 2px 2px 2px 2px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    }

你可以在这里看到结果:)

我想重叠这两个div喜欢，

在此处输入图像描述

4

5 回答 5

36

添加到第二个 divbottomDiv

并将其添加到 CSS 中。

 .bottomDiv{
       position:relative;
       bottom:150px;
       left:150px;
    }

http://jsfiddle.net/aw8RD/1/

于 2013-05-04T08:03:43.873 回答
5

请参阅此处的演示， 您需要为第二个 div 引入一个附加的 calss

.overlap{
    top: -30px;
position: relative;
left: 30px;
}
于 2013-05-04T08:06:30.823 回答
1

我编辑了你的小提琴 ，你只需要添加z-index到前面的元素并相应地定位它。

于 2013-05-04T08:06:44.350 回答
1

检查这个小提琴，如果你想移动重叠的 div 你设置它的位置absolute然后改变它的top和left值

于 2013-05-04T08:13:17.373 回答
0

为什么不只使用一个 div 然后使用伪元素 :: before 或 ::after 并将该伪元素的位置设置为绝对然后设置 top: 100px 和 left 100px

于 2022-01-13T03:38:53.550 回答