html - 阴影在 IE 9 中看起来很糟糕

Question

在互联网上查看如何为我的容器添加阴影我找到了我应用于我的 div 的代码

.boxShadow {
   -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
   -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; 
}

现在，这段代码使我的 div 在 chrome 和 Firefox 中看起来很棒

但出于某种原因，这就是 IE 9 中的样子

我知道 chrome 和 FF 的样式与 IE 不同，但我想知道为什么我的样式也会给 Angular 色添加阴影，有没有办法解决这个问题？谢谢你的帮助

Answer 1

用这个替换你的规则:

.boxShadow {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

要支持 IE 6、7 和 8，则添加一个 conditional包含此规则的 CSS:

.boxShadow {
  behavior: url(ie-css3.htc);
}

从http://box-shadow.googlecode.com/files/ie-css3.htc下载ie-css3.htc .