css - CSS3 PIE: same style, different presentation -
i using css3 pie make box shadow property work in ie 8. can see in image, have 3 boxes same style, 1 of them (the first) rendered want.
html
<div class="grid_22"> <div class="panel_third"> <!--whatever--> </div> <div class="panel_third panel2"> <!--whatever--> </div> <div class="panel_third panel3"> <!--whatever--> </div> </div>
css
.panel_third{ float: left; height: 317px; width: 206px; padding: 30px; margin-right:31px; background: #ffffff; position: relative; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16); /**http://css3pie.com**/ behavior: url(../../../../../dashboard/resources/main/js/libs/pie/pie.htc); } .panel2{ background: url(../img/box-2-bg.png) no-repeat; } .panel3{ background: url('../img/box-3-bg.png') no-repeat; margin-right: 0; float: right; }
give
.grid_22>div { -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16); /**http://css3pie.com**/ behavior: url(../../../../../dashboard/resources/main/js/libs/pie/pie.htc); }
it gives shadow direct child div of .grid_22
Comments
Post a Comment