Как достичь прозрачность от картинки поверх блока с фоном?

Question

[Sergiu Mitu]

Суть вопроса в том что я хочу в один блок поставить белый фон средствами css (background: #fff;) и этот же блок вставить либо фоном либо по другому картику с прозрачными элементами НО под прозрачными элементами картинки мне не нужен белый фон этого блока, а фон предыдущего блока, к примеру фон страницы.

надеюсь было понятно.

Такой вариант не работает:
background: #fff url('img.png') no-repeat;

Answer 1

[Anton Filippov]

Я правильно понимаю, что вы хотите чтобы этот блок был прозрачным, но ставите непрозрачный белый фон и хотите поставить прозрачную картинку?
И чтобы через этот блок было видно контент, который находится под ним?
Это невозможно.

Comments

[Sergiu Mitu]

Да. Именно этого я хочу достичь.

[Anton Filippov]

Сергей: читайте мой ответ пока не придет понимание.

[Sergiu Mitu]

И никаких вариантов не существует...?

[Anton Filippov]

Сергей: существует) делаете блок с картинкой и нужной вам opacity *без белого НЕПРОЗРАЧНОГО фона*

[Anton Filippov]

либо белый фон делаете в самой иконке, (графически, не средствами css)

[Sergiu Mitu]

Всем спасибо, css тут не справляется, придется рисовать.

[Anton Filippov]

Сергей: не css не справляется, а логика)

Answer 2

[A K]

блок залейте белым, а картинку с прозрачностью установите фоном в :after
Можно макет, не совсем понятно

Comments

[Sergiu Mitu]

prntscr.com/5cseju вот скрин, белые кнопки соц сетей, в них нужны логотипы соц сетей с прозрачным фоном.

вариант с after не работает

[ModestesGonze]

Т.е вам нужно чтобы к примеру иконка facebook была прозрачной и под ней был виден фон страницы?

[Sergiu Mitu]

Андрей: да, именно это я хочу.

[ModestesGonze]

Средствами CSS это не сделать, поработайте над иконками в фотошопе и вставляйте просто картинкой.

[Sergiu Mitu]

Всем спасибо, css тут не справляется, придется рисовать.