CSS3 PIE：相同的風格，不同的演示文稿

我正在使用CSS3 PIE在IE 8中使框陰影屬性工作。正如你在圖像中看到的，我有3個相同樣式的框，但只有其中一個第一個）被渲染爲我想要的。CSS3 PIE：相同的風格，不同的演示文稿

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/

來源

2013-03-13 mario595

給它這樣的

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

它給所有的直接子div的影子.grid_22

來源

2013-03-13 11:05:43

非常感謝您的答案，但不起作用。我有同樣的結果。 – mario595 2013-03-13 11:12:40

做一個小提琴它會幫助其他任何人，我們有一些輕鬆玩代碼 – 2013-03-13 11:14:09

CSS3 PIE：相同的風格，不同的演示文稿

回答

相關問題