透明或不透明的背景与css中的图像

问题描述:

我有一个网站使用按钮图像,我有一些图像与一些空白的背景,他们是圆角的矩形按钮,如应用程序商店图标。与带有空白的背景相比,它们看起来不错,但是当我使用白色以外的任何东西时,小的白色空间显现出来,看起来很糟糕。有没有什么方法可以设置透明度颜色,以便空白区域消失?透明或不透明的背景与css中的图像

您需要将它们制作为PNG或GIF。 PNG支持透明度并且是最常见的,因为它们也支持更高质量的图像。

您可以使用像GIMP这样的免费照片编辑程序来“选择”白色并将其删除。

http://www.gimp.org/

Photoshop是也是一个受欢迎的工具。

+0

这里需要注意的是,IE6不支持PNG(24位),IE7/8不支持。此外,PNG不会“产生更好的质量”,它是因为Alpha通道而产生的,而.gif中的透明度只是它可以显示的256种颜色中的1种。这意味着.gif中的像素是透明的或完全不透明的。 PNG24的情况并非如此,每个像素都有一定的透明度。 – 2011-12-20 22:52:34

+0

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

+0

@ptriek穷人/越野车的实施,就是这样。例如,在IE7中,PNG的渲染速度也比IE9,FF,Opera,Chrome或Safari慢一些。 – 2011-12-28 02:48:53