CSS3 PIE：相同的样式，不同的呈现方式答案

【问题标题】：CSS3 PIE: same style, different presentationCSS3 PIE：相同的样式，不同的呈现方式
【发布时间】：2013-03-13 10:45:34
【问题描述】：

我正在使用 CSS3 PIE 使框阴影属性在 IE 8 中工作。正如您在图像中看到的，我有 3 个具有相同样式的框，但只有一个（第一个）按我的意愿呈现.

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/

【问题讨论】：

标签： css css3pie

【解决方案1】：

像这样给它

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

它为 .grid_22 的所有直接子 div 提供阴影

【讨论】：

非常感谢您的回答，但不起作用。我有同样的结果。
制作一个小提琴它也可以帮助其他任何人，我们可以轻松地使用代码