Фоновое изображение PNG в Firefox 3.5.4

Question

Фрагмент моего CSS:

#wrapper div.box {
    background: url('box-bg.png') left top repeat-y;
}
#wrapper div.box h2 {
    background: url('box-top.png') left top no-repeat;
}

Это не работает. Вместо прозрачного изображения оно отображает изображение, но с прозрачным фоном вместо белого.

Если я сделаю:

<img src="box-top.png" alt="" />

Прозрачное изображение отображается правильно. В чем причина этой проблемы?

Answer 1

Вы пытались явно присвоить элементам "background-color: transparent"?

Answer 2

Я согласен с Пеккой. Возможно ли, что эти элементы HTML наследуют белый цвет фона от другого правила CSS? Вы можете попробовать:

#wrapper div.box {
    background: transparent url('box-bg.png') left top repeat-y;
}
#wrapper div.box h2 {
    background: transparent url('box-top.png') left top no-repeat;
}

Answer 3

Могу я спросить, какой браузер вы используете? IE6 не отображает PNG правильно. Кроме того, как вы создаете свой PNG? Если это Photoshop, убедитесь, что вы сохранили как веб ... или он не будет отображаться правильно (проблема прозрачности).