(HTML) PNG поверх другого PNG - возможно ли устранить полную прозрачность?

Question

Я хотел бы поместить логотип PNG на другой цветной PNG.У них обоих прозрачный фон.Когда я пытаюсь это сделать, изображения смешиваются вместе.Любопытно, что в Photoshop логотип сохраняет свою непрозрачность - я накладываю цвета на слои под ним, другое изображение и т. Д., Логотип по-прежнему непрозрачен.

Я хотел бы сделать это таким образом, чтобы я мог вращать фоновые изображения.

Как это исправить?

[править] Я приготовилпример изображения: 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

Answer 1

Решено - проблема была с z-индексами - я не указал их для обоих изображений.Установите индекс логотипа выше, чем фон, и pngs не будут сливаться друг с другом.

[edit] Whups, получается, что position:absolute также должно применяться в стилях.

Answer 2

Это распространенная проблема, когда дизайнеры накладывают слои на PhotoShop. Вы не можете использовать режимы наложения при наложении отдельных изображений вместо слоев PhotoShop.

Вам нужно будет заставить ваш проект работать в PhotoShop без использования режимов наложения на слоях, чтобы при укладке слоев по отдельности они выглядели одинаково. Возможно, у вас есть слой «LOGO», настроенный на что-то вроде «Lighten» или «Multiply». Он должен выглядеть правильно, когда установлен «Normal», прежде чем вы сможете извлечь отдельные слои и наложить их на изображения