html - How to set z-index for a shadow (CSS) -
say have box z-index:4 + css shadow. have box z-index:2;
how make shadow object 1 on top of object 2?
here example of looking for
html
<div id="shadow"> </div> <div id="under"> </div>
css
#shadow { background-color: #35bfff; height: 300px; width: 100px; -moz-box-shadow: 0px 0px 11px rgba(0,0,0,1); -webkit-box-shadow: 0px 0px 11px rgba(0,0,0,1); box-shadow: 0px 0px 11px rgba(0,0,0,1); float: left; z-index: 999; position: relative; } #under { float: left; height: 300px; width: 100px; background-color: red; position: relative; }
Comments
Post a Comment