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

Question

我有一个对它有阴影影响的PNG ...因为我必须将图像作为一个块放在我的CSS中，而不是它的圆角矩形 - 我怎么能用阴影保持这个效果使用非白色背景？

现在我对此有一个简单的笔触和阴影效果：

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

我已经阅读过关于shell命令的内容，但是有没有CSS属性允许我允许我的块看起来像这样？谢谢！

Answer 1

但是等等！你可以完全没有图像。示例here。它不是完全跨浏览器（IE＆lt; 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)。