Проблема с прозрачным изображением на градиентном фоне с использованием HTML / CSS

Question

У меня есть веб-сайт, на котором фон имеет легкий градиент (светло-серый сверху вниз и белый). Когда я размещаю изображение с прозрачным фоном на веб-сайте, фон изображения выбирает верхний цвет градиента. Поэтому вместо того, чтобы фон изображения казался градиентом и сливался с сайтом, фоновый цвет изображения просто светло-серый.

Я не уверен, что так и должно быть (из-за прозрачности на сайтах). Но мне было интересно, если кто-нибудь может предоставить обходной путь

Answer 1

Прежде всего добро пожаловать в StackOverflow:)

Это зависит. Прежде всего, ваш сайт будет отображаться по-разному в разных браузерах, и это жизненно важно для вас, потому что если вы не протестируете его в разных браузерах, вы не можете быть уверены, что увидят некоторые пользователи.

Если вы видели частично прозрачный PNG, который вместо прозрачности показывает серый фон, скорее всего, вы используете Internet Explorer 6, очень старый браузер, который вам действительно не следует использовать. Это тот, с синим E, что E означает Зло. Run.

На более серьезном замечании, наличие ссылки для проверки помогло бы, или скриншот, потому что трудно сказать, просто догадываясь. PNG должны хорошо отображаться на любом фоне.