Туплю с прозрачностью .png?

Question

[AlRy]

Неимоверно туплю.
Есть div с фоном. Есть второй div, в котором .png с прозрачным фоном. Но этот .png в div теряет прозрачность своего фона. Вернее, считает, что div имеет фон. Страница в принципе не имеет цвета фона. Попробовал придать прозрачность принудительно как всей странице, так и конкретному div - не помогло (через rgba)

Как добиться прозрачности?..

Comments

[Lynn «Кофеман»]

HTML, CSS и картинку?

Либо у вас PNG не прозрачный, либо вы задали DIV-у цвет фона.

[AlRy]

png прозрачный. Мало того, вставлял svg с тем же результатом :(
Везде уже принудительно поставил background-color: rgba(255, 255, 255, 0);

Answer 1

[AlRy]

yadi.sk/d/Hb_zpBad3H8XWc

страничка с куском кода и картинкой :)
В страничку картинку вставил два раза - голый img и в div

Comments

[alex]

фон с картиной для body установите

[AlRy]

Для body фона нет.
Подобных div с фоном на страничке два десятка.

[alex]

AlRy: ну вы понимаете, что вот эта картина которая фоном для .content поставлена, она обрезается самим этим блоком, отсюда и кажется что у этой волнистой штуки фон есть, откройте девтулзы и посмотрите. можно .separator задать что то вроде transform: translateY(-100%); и margin-bottom отрицательный равный высоте .separator. вобщем в эту сторону смотрите

[AlRy]

Черт! Действительно же!
Спасибо!!!
:)

Answer 2

[iBird Rose]

скорее всего у тебя png не прозрачный

Answer 3

[Дмитрий Пыркин]

Либо пнг сохранял с белым фоном либо div с белым фоном

Answer 4

[Максим Тимофеев]

Где код? Должно быть что-то типа такого:

div {background: transparent url(тут урл картинки) 50% 50% no-repeat;}

Comments

[AlRy]

по ссылке выше.

.separator {
text-align: center;
background-image: url(../images/bcgrnd1.png);
background-color: rgba(255, 255, 255, 0);
background-repeat: no-repeat;
background-position: bottom;
background-size: 100% auto;

}

[Максим Тимофеев]

AlRy: background-color: rgba(255, 255, 255, 0); - это фон, вы его задали и удивляетесь откуда он? Нужна прозрачность должно быть:
background-color: transparent;

[AlRy]

Это белый фон с полной прозрачностью. И если его убрать не меняется ничего.

Answer 5

[Novum]

если сохранить png, например, в репозиторий gitHub и ссылку брать оттуда, все должно работать как надо