Помогите: нужно сделать полу-прозрачный, градиентный <div>

[blacks]

Всем привет!
Спасибо за чудесный форум!

Есть один вопрос (вы уж простите - я новичок):

Необходимо сделать

(с картинкой) постепенной/градиентной, прозрачностью. -
сначала он показывает что на нем есть а потом градиентом растворятся в узоре background\'а.

Первоначально думал можно сделать маску из PNG для

или прямо для картинки...
но поиски в интернете так мне и не погли: можно только саму
картинку
сделать PNG но слишком большой размер получатся

Потом подумал с помощью CSS - но филтр alpha с возможностью градиента работает
только для IE не работают для на других броузерах.
(нужна работа в ie6, ff, opera, картинку резать нельзя...)

Напоследок скрин того что должно получится
(если я плохо объяснил)

[CGVictor]

blacks

blacks:
только саму картинку сделать PNG

Это единственный вариант в ваших условиях. Имхо.

[blacks]

CGVictor
 вот этого я и боюсь - картинка на 500кб получатся!

[hanslinger]

Photoshop->posterize

[blacks]

Спасибо!

Но помогло не особо
Максимум что получилось из моей картинки (779х422px) это 250кб

[hanslinger]

Для такого размера это вполне нормально.

[hanslinger]

Вот написали в тему.

[CGVictor]

[off]hanslinger
Ханс, /me ржал в голос )))
Не над контентом, в смысле, а над способом ответа на коммент ))
[/off]

[hanslinger]

[OFF]Извини, я таки не догнал :-)[/OFF]