帶有透明度的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圖像在所有瀏覽器中呈現帶白色背景？

回答

相關問題