透明 gif 不显示背景透明度与 CSS 中的渐变答案

【问题标题】：transparent gif doesnt show transparency over background with gradient in css透明 gif 不显示背景透明度与 CSS 中的渐变
【发布时间】：2014-01-08 04:35:10
【问题描述】：

我有一张透明的 GIF 图片。当我将图片放在常规 HTML 中时，透明度显示良好。但是当我在PHP软件中加载相同的图片作为徽标时，图片不显示透明度，而是显示白色背景。

我在加载图片的页面中发现的唯一奇怪的东西不显示透明度，它在 CSS 中具有渐变色背景。不知道是不是和问题有关。

GIF 在某些页面显示透明度而在其他页面不显示的原因是什么？不管是什么原因，我该怎么做才能让它在我需要的地方工作？

【问题讨论】：

能否提供链接或jsfiddle/jsbin？
@Pablo : 背景有颜色吗，我的意思是图片加载的位置？.. 试着把图片放在没有背景的其他地方。

标签： gif transparency

【解决方案1】：

我该怎么做才能让它在我需要的地方工作？

我会使用 .png 而不是 .gif 作为徽标，您可能会通过 css 加载它
(background: url(path/.png) no-repeat;，我知道它不能回答原因，但可以肯定地解决问题。

如果您认为 .png 太大，请使用它使用的在线工具，甚至是 advanced lossy compression for PNG images and preserves full alpha transparency

【讨论】：