Question

我目前正在网站上工作，并且用作提交按钮背景的图像（当前按钮是普通的HTML按钮，但在开发时会更改为asp：按钮。）< / p>

另一位开发人员指出，这个按钮似乎有白色背景。认为图像没有正确保存，我在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;

这会删除按钮背面的灰色/白色背景，同时也会删除按钮的边框。

Answer 2

尝试添加 border: none; 按钮样式。

Answer 3

我想如果你已经尝试过设置：

submit{background:none;}

等。然后你应该尝试将提交改为仅仅是一个带图像的链接，并通过javascript调用它，我认为这是按钮类型。

编辑（1月20日）： 我预计一些ASP会解决它（当ASP之类的东西必须干扰任何东西的布局时，我真的无法忍受）。如果你想为你的HTML版本解决这个问题，我认为你应该提供一个链接或将它复制到一个小提琴，因为它可能很容易找出导致它的原因。我的赌注是你无法覆盖的一些继承风格。当然你没有在某些通用造型中使用！重要或类似的东西？

Answer 4

有点奇怪：D

检查this fiddle ..您可以尝试将输入背景设置为图片的网址，看看会发生什么（如果是公共的......或者您可以将其上传到imageshack），这样我们就可以排除那个特定的图像有一个概率

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

4 个答案: