带有透明度的PNG图像在所有浏览器中呈现带白色背景？

我现在在一个网站上工作，并且一个图像被用作提交按钮的背景（当前该按钮是普通的HTML按钮，但是在开发时会更改为一个asp：按钮）。带有透明度的PNG图像在所有浏览器中呈现带白色背景？

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

奇怪的是，这发生在Chrome，Firefox和IE 7/8，并且页面上的其他图像也没有白色背景。

此外，我检查了CSS并且没有包含白色背景颜色元素的样式。

任何人有任何想法？

非常感谢！

来源

2011-01-19 mickburkejnr

你能链接到一个例子吗？ – Hawxby 2011-01-19 17:16:58

你试图把这个图像别处您的网页上检查的背景是rellay在图像上，而不是在任何可以在您的按钮被应用在所有的CSS层？ – regilero 2011-01-19 20:29:26

感谢您的回复，他们一直很有用！

由于该网站是在ASP.NET中构建的，因此将该按钮更改为链接图像并在其上使用Javascript并不是一种选择。

但是，在开发的ASP.NET网站上，这个问题也出现了。不过，我已经成功做修复它在ASP.NET以下内容：

当调用按钮，我已经输入了这一点，开始说起：

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

添加参数“背景色=”透明“从按钮上移除白色背景。所以标记现在读作：

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

这消除ASP.NET中的白色背景。完全丧失解释为什么按钮上有白色背景。虽然我已经读过使用GIF可以解决问题，但我没有时间来看看这是否属实。

编辑（24/01/2010）

大家好！

我发现了如何解决此问题在HTML文档中，纯属偶然！

你需要做什么，在CSS，你必须调用如下

background-color: transparent; 
border: none;

这将删除按钮背面的灰色/白色背景，它还会删除按钮的边框。

来源

2011-01-20 09:37:38 mickburkejnr

-1

这有点奇怪：d

检查this fiddle了..你可以尝试设置为输入背景图像的URL，只是看到会发生什么（如果它是public..or您可以上传它ImageShack的），所以我们可以排除有与特定图像

来源

2011-01-19 17:21:36 stecb

感谢小提琴，但我倾向于在处理这样的事情时避免使用javascript。 – mickburkejnr 2011-01-24 16:32:44

@mickburkejnr事实上，有小提琴内部没有JavaScript的:) ..我用它只是给你看的HTML + CSS例子） – stecb 2011-01-24 17:26:12

尝试添加 border: none; 到您的按钮样式概率。

来源

2011-01-19 17:29:31 adamdunne

我认为，如果你已经尝试设置：

submit{background:none;}

和这样。然后，你应该尝试改变提交只是一个图像的链接，而不是通过JavaScript调用它，我认为这是它的按钮类型。我期望有些ASP能解决它（当ASP这样的东西不得不干涉任何东西的布局时，我不能真正站立）。如果你想为你的HTML版本解决这个问题，我想你应该提供一个链接或将它复制到一个小提琴中，因为它可能很容易找出造成它的原因。我的赌注是一些你不能覆盖的遗传风格。当然，你在一些通用造型中不使用！重要或任何地方？

来源

2011-01-19 18:40:33 plebksig

带有透明度的PNG图像在所有浏览器中呈现带白色背景？

回答

相关问题