透明または不透明の背景にCSSの画像がある

ボタンの画像を使用するサイトがあり、バックグラウンドに空白がある画像がいくつかあり、アプリストアアイコンのような丸い四角形のボタンです。空白のある背景に比べて見栄えが良く見えますが、白以外のものを使うと小さな空白が現れてひどいです。空白が消えるように透明色を設定できる方法はありますか？透明または不透明の背景にCSSの画像がある

出典

2011-12-20 Karl Weisshaupt

PNGまたはGIFにする必要があります。 PNGは透過性をサポートしており、高品質の画像もサポートしているため、最も一般的です。

GIMPのような無料の写真編集プログラムを使用して、白を「選択」して削除することができます。

http://www.gimp.org/

Photoshopのも人気のツールです。

出典

2011-12-20 22:34:24 Vigrond

ここで重要なのは、PNG（24ビットとともに）はIE6ではサポートされず、IE7/8ではほとんどサポートされないということです。また、PNGはAlphaチャンネルのために "より良い品質"を生成するのではなく、.gifの透明度は表示できる256色のうちの1つだけです。これは、.gifのピクセルが透明であるか、完全に不透明であることを意味します。 PNG24では、各ピクセルに透明度のスケールがあります。 –

@PatrikAlienus「IE7/8ではあまり意味がありません」とどういう意味ですか？ – ptriek

@ptriek Poor/Buggyの実装です。 IE9、FF、Opera、Chrome、SafariよりもPNGの方がやや遅くレンダリングされます。 –

透明または不透明の背景にCSSの画像がある

答えて

関連する問題