PNG图像透明度的浏览器

Question

不工作正如你可以在这里看到在Photoshop的截图：

后，我将它保存为网页，使用PNG-24格式，这是它的样子在我的网站：

为什么没有图像透明度工作在我的浏览器？使用Firefox。

实际PNG：

Answer 1

我不确定你想要的效果是什么，但我认为你想让渐变消失在底部。有了这个假设，你的渐变问题就是它从顶部的棕色变为底部的白色。

你梯度看起来是这样的：

你想改变渐变两侧的颜色是一样的棕色，然后降低右手边与透明度0％，这样的：

我已经调整为你，所以这里是：

它在白色背景上没有任何区别，但是当它在另一种颜色或纹理上时，您会看到区别。

Answer 2

请问您的Photoshop图层有一定影响的增加呢？ I.e乘以等等。这意味着图层依赖于它并且受其下面的内容影响。

Answer 3

多年前我面临同样的问题。当我们保存我们的文件或图像的网页。它应该是另存为网页 &当我们保存为PNG格式时请确保关闭所有背景图层。然后保存为网络&从设置选项中选择PNG（24）。

&是确保您在网页中通过图片的位置必须在标签中包含CSS。

background-color:none;