顯示帶陰影效果的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)。