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;

這將刪除按鈕背面的灰色/白色背景，並且還會刪除按鈕的邊框。

Answer 2

嘗試添加border: none; 你的按鈕風格。

Answer 3

我想如果你已經嘗試過設置：

submit{background:none;}

等等。 然后你應該嘗試將提交改為僅僅是一個與圖像的鏈接，並通過javascript調用它，我認為它是按鈕類型來做到這一點。

編輯（1月20日）：我預計一些ASP會解決它（當ASP之類的東西必須干擾任何東西的布局時，我真的無法忍受）。 如果你想為你的HTML版本解決這個問題，我認為你應該提供一個鏈接或將它復制到一個小提琴，因為它可能很容易找出導致它的原因。 我的賭注是你無法覆蓋的一些繼承風格。 當然你沒有在一些通用造型中使用！重要或類似的東西？

Answer 4

這有點奇怪：D

檢查這個小提琴 ..你可以嘗試設置輸入背景你的圖像的網址，只是看看會發生什么（如果它是公共的......或者你可以上傳到ima​​geshack），所以我們可以排除有一個概率特別的形象