PNG изображения непрозрачности не работает в браузере

Question

Как вы можете видеть здесь скриншот в фотошопе:

После того как я сохранить его для веб-сайтов, с помощью PNG-24 формат это, как она выглядит на моем сайте :

Почему непрозрачность изображения не работает на моем браузере? Использование firefox.

Actual PNG:

Answer 1

Я не совсем уверен, каков ваш желаемый эффект, но я думаю, что вы хотите, чтобы градиент исчез в нижней части. С учетом этого, проблема с вашим градиентом заключается в том, что он исчезает с вашего коричневого цвета сверху до белого внизу.

Ваш градиент выглядит примерно так:

Вы хотите изменить цвет с обеих сторон градиента такой же коричневый цвет, затем уменьшить непрозрачность правой стороны к 0%, как это:

Я отрегулировать его для вас уже, так вот она:

Это не похоже ни на что иное на белом фоне, но когда оно находится на другом цвете или фактуре, вы увидите разницу.

Answer 2

ли ваш слой Photoshop имеют некоторые Effected добавили к нему? I. умножить и т. Д. Это будет означать, что слой зависит и зависит от того, что ниже.

Answer 3

Я сталкиваюсь с такой же проблемой много лет назад. когда мы сохраняем наш файл или изображение для Интернета. он должен быть сохранить как web &, когда мы сохраняем в формате PNG, убедитесь, что все фоновые слои отключены. затем просто сохраните как web & выберите PNG (24) из опции настройки.

& Да Убедитесь, что место, где вы прошли изображение в Интернете, должно содержать CSS в теге.

background-color:none;