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.

enter image description here

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

http://jsfiddle.net/qv3gf/

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

Popular posts from this blog

get url and add instance to a model with prefilled foreign key :django admin -

css - Make div keyboard-scrollable in jQuery Mobile? -

ruby on rails - Seeing duplicate requests handled with Unicorn -