透明或不透明的背景與css中的圖像

我有一個網站使用按鈕圖像，我有一些圖像與一些空白的背景，他們是圓角的矩形按鈕，如應用程序商店圖標。與帶有空白的背景相比，它們看起來不錯，但是當我使用白色以外的任何東西時，小的白色空間顯現出來，看起來很糟糕。有沒有什麼方法可以設置透明度顏色，以便空白區域消失？透明或不透明的背景與css中的圖像

來源

2011-12-20 Karl Weisshaupt

您需要將它們製作爲PNG或GIF。 PNG支持透明度並且是最常見的，因爲它們也支持更高質量的圖像。

您可以使用像GIMP這樣的免費照片編輯程序來「選擇」白色並將其刪除。

http://www.gimp.org/

Photoshop是也是一個受歡迎的工具。

來源

2011-12-20 22:34:24 Vigrond

這裏需要注意的是，IE6不支持PNG（24位），IE7/8不支持。此外，PNG不會「產生更好的質量」，它是因爲Alpha通道而產生的，而.gif中的透明度只是它可以顯示的256種顏色中的1種。這意味着.gif中的像素是透明的或完全不透明的。 PNG24的情況並非如此，每個像素都有一定的透明度。 – 2011-12-20 22:52:34

@PatrikAlienus你在'IE7/8'中意味着什麼？ – ptriek 2011-12-20 23:41:02

@ptriek窮人/越野車的實施，就是這樣。例如，在IE7中，PNG的渲染速度也比IE9，FF，Opera，Chrome或Safari慢一些。 – 2011-12-28 02:48:53

透明或不透明的背景與css中的圖像

回答

相關問題