PNG图像与透明度渲染与所有浏览器中的白色背景？

Question

我现在在一个网站上工作,并且一个图像用作提交按钮的背景(当前按钮是普通的HTML按钮,但在开发时将更改为asp:按钮).

另一位开发人员指出,这个按钮似乎有一个白色背景.认为图像没有正确保存,我在Fireworks中打开它,PNG图像具有透明背景.我再次导出图像,将其保存为PNG-32图像,并用新图像覆盖原始图像.图像仍然显示相同.

奇怪的是,这种情况发生在Chrome,Firefox和IE 7/8中,页面上的其他图像也没有白色背景.

此外,我已经检查了CSS,并且没有包含白色背景颜色元素的样式.

任何人有任何想法？

非常感谢!

Answer 1

感谢您的所有回复,他们一直很有用!

由于站点是在ASP.NET中构建的,因此将按钮更改为链接图像并在其上使用Javascript则不是一个选项.

但是,在开发的ASP.NET站点上,也会出现此问题.但我通过执行以下操作设法在ASP.NET中修复它:

在调用按钮时,我输入了以下内容:

<asp:Button ID="GoBtn" runat="server" CssClass="searchbutton" />

添加参数"BackColor ="Transparent"会从按钮中删除白色背景.因此标签现在显示为:

<asp:Button ID="GoBtn" runat="server" CssClass="searchbutton" BackColor="Transparent" />

这将删除ASP.NET中的白色背景.完全失去了解释为什么按钮上有白色背景.虽然我已经读到使用GIF可以解决问题,但我没有时间看看这是否真实.

编辑(24/01/2010)

大家好!

我发现了如何在HTML文档中解决这个问题,纯属意外!

您需要做什么,在CSS中您必须调用以下内容:

background-color: transparent;
border: none;

这将删除按钮背面的灰色/白色背景,并且还会删除按钮的边框.