2016-02-10 2 views
0

Предположим, у меня есть сайт со многими фотографиями. Ни один из них не использует функцию прозрачности из gif или png, и все они имеют черный фон, чтобы они соответствовали чистоте на веб-сайте с черным фоном.Можно ли показать изображение без его фона с помощью CSS?

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

Так например: Я хочу изменить фон моего сайта на синий, но я не хочу редактировать черный фон каждого изображения. Я думал о атрибуте CSS для картинки, например, чтобы сделать черным прозрачным.

Я не могу редактировать файлы с картинками, поэтому мне нужна такая альтернатива.

Есть ли что-то вроде этого?

thx

+0

Проверьте это, если это может быть полезно http://stackoverflow.com/questions/7415872/change-color-of-png-image-via-css – HebleV

+0

Это тоже http://codepen.io/chriscoyier/ручка/CkFni – HebleV

ответ

1

Нет, в CSS нет ничего подобного. Вы можете добиться этого, используя холст (см. https://hmp.is.it/creating-chroma-key-effect-html5-canvas/), но это не является устойчивым решением для использования на обычных изображениях на вашем веб-сайте.

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

Смежные вопросы