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; } ​ 

live demo


Comments

Popular posts from this blog

delphi - How to convert bitmaps to video? -

jasper reports - Fixed header in Excel using JasperReports -

python - ('The SQL contains 0 parameter markers, but 50 parameters were supplied', 'HY000') or TypeError: 'tuple' object is not callable -