Как изображение с прозрачным фоном сделать черным? Фильтры применить не получается, потому что у изображения есть прозрачные места
#contacts_test {
background-color: black;/*Изображение белое, и его надо сделать черным. Это пример,чтобы показать изображение*/
}
.social_net {
top: 0;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
<div id="contacts_test">
<a href="#"><img src="http://alano.ru/bitrix/templates/1/images/vk.png" alt=""></a>
</div>
<div id="contacts">
<a href="#"><img src="http://alano.ru/bitrix/templates/1/images/vk.png" alt="" class="social_net"></a>
</div>
filter: invert(1);
. Прозрачные участки ни коем образом не мешают