我使用了盒子阴影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中不起作用

回答

相关问题