css - 我使用 box-shadow css 但它在 IE8 中不起作用

Question

我使用了 box-shadow css 但它在 IE8 中不起作用。有一个代码作为过滤器:progid ...但是我怎样才能从 rgba 转换我的阴影样式？这是我的代码；

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

Answer 1

在 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