透明背景透明圖像問題

我有一個奇怪的問題與圓角圖形。我有一個設置爲透明（style =「filter：alpha（opacity = 100）; opacity：100; background-color：transparent;」）的HTML頁面，並且在這個body中是一個帶有PNG的div帶有圓角的圖像，邊緣具有透明度，以便與背景正確過渡。透明背景透明圖像問題

這個HTML頁面被包含在另一個HTML頁面的頂部，所以我希望iFrame中包含的透明圖像能夠透過，因此圓角圖像能夠正確地與背景（這是一個圖像）轉換調用iFrame的頁面（因此iFrame中的主體具有透明背景）。

這實際上工作正常，除了在圓角的透明度。出於某種原因，在圓角處有一個非常精細但顯而易見的鋸齒狀黑色邊緣，就好像黑色磨砂一樣。

我也嘗試過使用透明的GIF，但得到了鋸齒狀的白色邊緣。

有沒有人曾經試圖做過這樣的事情，並得到它的工作？如果是這樣，我很想聽聽。

編輯下面是結果的鏈接：image 圖像與葉子是調用了HTML的背景圖片（閃存）。搜索框包含一個透明背景的iFrame。

這發生在IE7上。 Firefox似乎很好，很奇怪。

來源

2009-08-24 Ian Devlin

你能不能給我們（鏈接到）了嗎？另外，這是瀏覽器之間的一致嗎？ – balpha 2009-08-24 09:40:53

您使用哪個瀏覽器？ IE6無法處理PNG。 – stefita 2009-08-24 09:42:14

@stefita，IE6 *可以*通過一些幫助處理它們。請參閱下面的答案。 – Sampson 2009-08-24 09:47:45

您已將透明度設置爲100 ...這意味着它不透明，因爲它是完全透明的，您必須將其設置爲0.但是，這樣做會導致所有元素包含在主體中標籤也是透明的。

我覺得類似的情況正在發生，搜索框正在繼承您設置的不透明屬性。

如果您刪除不透明度設置會發生什麼？

還要檢查這個網站了，http://www.domedia.org/oveklykken/css-transparency.php

來源

2009-08-24 11:20:43 Aran

是的，謝謝你，我的錯誤，這些價值顯然是不需要的！不幸的是，刪除它們會導致相同的結果。感謝您的鏈接，但rgba似乎沒有任何區別。 – 2009-08-24 12:28:51

透明背景透明圖像問題

回答

相關問題