我使用了盒子陰影css，但它在IE8中不起作用

我使用了盒子陰影css，但它在IE8中不起作用。有一個代碼作爲過濾器：progid ...但是我怎樣才能從rgba轉換我的陰影樣式？這是我的代碼;我使用了盒子陰影css，但它在IE8中不起作用

-webkit-box-shadow: 0px 0px 5px 2px rgba(217,217,217,1); 
    -moz-box-shadow: 0px 0px 5px 2px rgba(217,217,217,1); 
    box-shadow: 0px 0px 5px 2px rgba(217,217,217,1);

來源

2014-12-22 berry

顏色相當於'＃d9d9d9'參見http：//www.javascripter。 net/faq/rgbtohex.htm – fcalderan

http://caniuse.com/#search=box-shadow –

試試這在Internet Explorer以及..

.box-shadow { 
    -moz-box-shadow: 0 5px 10px #ccc; 
    -webkit-box-shadow: 0 5px 10px #ccc; 
    box-shadow: 0 5px 10px #ccc; 
    zoom: 1; 
    filter: 
     progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1), 
     progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1), 
     progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2), 
     progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3), 
     progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=10), 
     progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3), 
     progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2), 
     progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1); 

} 
body:last-child .box-shadow { 
    /* Remove filter from IE9 */ 
    filter: none; 
} 

.demo { 
    background: #fff; 
    border: solid 1px #ccc; 
    color: #555; 
    font: 83%/130% arial; 
    margin: 20px;  
    padding: 20px; 
}  


<div class="demo box-shadow"> 
    Lorem ipsum dolor sit amet, consectetur adipisicing 
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mi 
    quis nostrud exercitation ullamco laboris nisi ut aliquip 
    </div>

嘗試這個FIDDLE

來源

2014-12-22 10:02:26

它工作完美！非常感謝你.. – berry

對於後期小提琴鏈接感到抱歉..乾杯.. :) –

這個網址可以幫助您的即

http://www.useragentman.com/blog/2011/08/24/how-to-simulate-css3-box-shadow-in-ie7-8-without-javascript/

低版本

來源

2014-12-22 10:04:04

試試css3pie.com的htc文件，使IE8支持一些新的CSS3屬性，如盒子陰影，圓角等...

來源

2014-12-22 11:03:56 ISAWEB

我使用了盒子陰影css，但它在IE8中不起作用

回答

相關問題