（HTML）另一個PNG之上的PNG - 可能會消除完全透明度？

我想將png圖案放到另一個有色PNG上。他們都有透明的背景。當我嘗試這些圖像混合在一起。奇怪的是，在Photoshop中，徽標保留了其不透明性 - 我在它下面的圖層上放置了顏色，另一圖像等等，徽標仍然不透明。（HTML）另一個PNG之上的PNG - 可能會消除完全透明度？

我想這樣做，所以我可以旋轉背景圖像。

我該如何解決這個問題？

[編輯]我已經熟了一個示例圖像：http://i.imgur.com/XtoGn.png

左邊是什麼，我希望發生的，右邊是所有瀏覽器上會發生什麼（我知道的背景是不是透明的，但與熊我 - 他們都是透明PNG，背景有一個漸變圖層蒙版）。我已經把這樣的圖像

<div> 
    <img id="backgroundImg" style="position: absolute; top: 0;" src="/Images/background.png" /> 
    <img id="logoImg" src="/Images/logo.png" /> 
</div>

我不完全確定我在PS中使用什麼混合模式。

我做了兩個測試PNG，如果有人想嘗試。 abload.de/img/flagf25ea.png abload.de/img/logo9k4ol.png

來源

2012-03-23 MHTri

你有一些代碼嗎？ – jdborg 2012-03-23 16:28:39

我不明白這個問題，你可以發佈圖片嗎？ – justanotherhobbyist 2012-03-23 16:29:32

你在Photoshop中使用什麼類型的混合？您的瀏覽器僅支持「正常」混合。 '透明背景'是什麼意思？它是一個alpha通道還是100％透明度？ – 2012-03-23 16:30:24

解決了它 - 問題出在z-indexes - 我沒有指定它們的這兩個圖像都是設置標誌的索引要高於背景和png不會相互混合

[編輯] Whups，事實證明position:absolute也必須應用在款式中。

來源

2012-03-26 16:01:17 MHTri

這是設計師使用PhotoShop分層時的常見問題。分層單個圖像時不能使用混合模式，而不使用PhotoShop圖層。

您需要在PhotoShop中進行設計，而不使用圖層上的混合模式，以便在單獨堆疊圖層時，它們看起來相同。您可能會將'LOGO'圖層設置爲'Lighten'或'Multiply'，在設置爲'Normal'時需要正確顯示，然後才能取出各個圖層並將它們疊加爲圖像

來源

2012-03-23 17:26:06

我明白你現在所說的混合模式（我一直稱之爲「圖層調整」）。與此相關的問題是我使用的是普通圖層，所以混合模式在這裏看起來不是問題。 – MHTri 2012-03-26 08:30:49

你是否在使用不透明或其他任何不會保存的內容？爲了像這樣堆疊圖像，每個圖層必須獨立於所有其他圖層看起來正確。 – 2012-03-26 14:54:50

http://www.abload.de/img/flagf25ea.png http://www.abload.de/img/logo9k4ol.png 這些是我的兩個測試PNG。國旗上應用了漸變圖層蒙版，這就是我所做的一切。徽標是刪除了PS中的背景圖層的文本。 – MHTri 2012-03-26 15:56:09

（HTML）另一個PNG之上的PNG - 可能會消除完全透明度？

回答

相關問題