html - how to overlap two div in css? -
i have 2 div
likes ,
<div class="imagediv"></div> <div class="imagediv"></div>
and css
class ,
.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; }
you can see result here :)
i want overlap 2 div
likes ,
add second div bottomdiv
and add css.
.bottomdiv{ position:relative; bottom:150px; left:150px; }
Comments
Post a Comment