CSS 具有RGBA的跨浏览器CSS Box Shadows

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS 具有RGBA的跨浏览器CSS Box Shadows相关的知识，希望对你有一定的参考价值。

.box-shadows {
   box-shadows: 2px 2px 5px rgba(0, 0, 0, .7); /* Future Proof & IE9 */
  -webkit-box-shadows: 2px 2px 5px rgba(0, 0, 0, .7); /* Webkit Browsers */
  -moz-box-shadows: 2px 2px 5px rgba(0, 0, 0, .7); /* Firefox */
  -o-box-shadows: 2px 2px 5px rgba(0, 0, 0, .7);  /* Opera */
  /* The Ugly Code: For IE Browsers */    
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* IE8 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); /* IE5 - 7 */
}

以上是关于CSS 具有RGBA的跨浏览器CSS Box Shadows的主要内容，如果未能解决你的问题，请参考以下文章

如何在 CSS 中创建随机 RGBA 颜色？

CSS RGBA - 具有不透明度的颜色定义

如何通过 Javascript 通过 CSS 获取确切的 RGBa 值？

APP reset.css

CSS 使用Sass的跨浏览器CSS渐变

CSS3阴影实现方法及技巧全解