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.

http://jsfiddle.net/2u4lvyn0/5/


Comments

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -

How to provide Authorization & Authentication using Asp.net, C#? -