显示带阴影效果的PNG的最佳方式是什么？

Question

我有一个PNG的阴影影响它...因为我必须将图像放置在我的CSS中作为一个块，而不是它的圆角矩形 - 我如何保持阴影效果与非白色背景？

现在我有一个简单的中风和阴影效果，它每这里：

http://i.imgur.com/3hZIq.png

我看了一下shell命令，但有一个CSS属性，让我，让我的块看起来像这样？谢谢！

Answer 1

但是等一下！你可以完全没有图像。示例here。它不完全是跨浏览器（IE < 9不能处理圆角或盒子阴影），但它非常接近你想要的。只是玩弄一些价值观来微调它。

div 
{ 
    width: 300px; 
    height: 100px; 
    border: 3px solid #0088ff; 
    border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px; 
    -webkit-border-radius: 20px; 
    padding: 10px; 
    box-shadow: 5px 5px 5px 5px #888; 
    -ms-box-shadow: 5px 5px 5px 5px #888; 
    -moz-box-shadow: 5px 5px 5px 5px #888; 
    -webkit-box-shadow: 5px 5px 5px 5px #888; 
} 

在IE兼容性方面，有一个很好的解决方案here。网站上有更全面的文档，但基本上你下载了pie.htc，将它放在根文件夹中，并在你的CSS文件中添加behavior: url(pie.htc)。