html - Box-shadow over next sibling div -
i have box shadow on div want stick out bar on next div on page, when next div has background or background image, won't show up. there way of shadow showing on next element though both "position:initial;" http://jsfiddle.net/2u4lvyn0/2/ shadow should overlook blue box below
hmtl
<div class="background-image-div"></div> <div class="box-shadow-div"></div> <div class="background-image-div"></div> css
.box-shadow-div{ height:100px; background:orange; -webkit-box-shadow: 0px 3px 3px 15px rgba(0,0,0,1); -moz-box-shadow: 0px 3px 3px 15px rgba(0,0,0,1); box-shadow: 0px 3px 3px 15px rgba(0,0,0,1); } .background-image-div{ height:100px; background:blue; border:1px solid yellow; } i've seen lot of posts on 'inset box-shadow' not working it's own divs background image couldn't find regular sibling divs.
adding position:relative; fix it. though, may affect other css tweaks have.
Comments
Post a Comment