PNGにドロップシャドウ効果を表示する最も良い方法は？

Question

私はドロップシャドウの影響を受けているPNGを持っています...それは、丸みのある四角形ではなく、ブロックとしてイメージをCSSに配置する必要があるからです。非白い背景と？

今私は、単純なストロークを持っており、ここごとに、それに影の効果をドロップ：

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

を私はシェルコマンドについては読んだことがあるが、私は私のブロックを許可することができますCSSプロパティがありますこのように見える？ありがとう！

Answer 1

お待ちください！あなたはイメージなしでこれを完全に行うことができます。例here。これは完全にクロスブラウザではありません（IE < 9は丸みのあるコーナーやボックスの影を処理しません）が、あなたが望むものに非常に近いです。いくつかの値を微調整するだけで遊んでください。 IEの互換性の面では

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; 
} 

、良い解決策hereがあります。サイトにはさらに包括的なドキュメントがありますが、基本的にpie.htcをダウンロードし、ルートフォルダに入れ、CSSファイルにbehavior: url(pie.htc)を追加します。