可以在透明背景PNG图像上创建CSS阴影吗？

有人知道是否可以在透明背景 PNG 图像上创建基于 css 的阴影？

也许使用 CSS3、jquery 或者最后是服务器端？

我想要实现的效果示例：

非常确定是否可能它不会跨浏览器，但如果它性能良好，愿意应用吗？

请随意添加您的意见，开放技术讨论..

是的！在 CSS3 中可以在透明的 .png 上添加阴影！我在一个在 IE10 中显示得像垃圾一样的项目中需要这个。不要使用 box-shadow，而是使用过滤器：drop-shadow()。语法几乎相同。这是文章：link http://bricss.net/post/33158273857/box-shadow-vs-filter-drop-shadow

最终的解决方案是这样的（以防链接中断）：

.filter-drop-shadow {
  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
}