Forum Webscript.Ru

Дизайн и Верстка => Всё о Html => Тема начата: blacks от 21 Октября 2007, 16:53:54

Название: Помогите: нужно сделать полу-прозрачный, градиентный <div>
Отправлено: blacks от 21 Октября 2007, 16:53:54

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

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

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

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

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

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

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

Напоследок скрин того что должно получится
(если я плохо объяснил)
(http://www.imy.ru/!.jpg)

Название: Помогите: нужно сделать полу-прозрачный, градиентный <div>
Отправлено: CGVictor от 21 Октября 2007, 20:20:46

blacks

Цитировать

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

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

Название: Помогите: нужно сделать полу-прозрачный, градиентный <div>
Отправлено: blacks от 21 Октября 2007, 20:41:26

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

Название: Помогите: нужно сделать полу-прозрачный, градиентный <div>
Отправлено: hanslinger от 22 Октября 2007, 09:51:49

Photoshop->posterize

Название: Помогите: нужно сделать полу-прозрачный, градиентный <div>
Отправлено: blacks от 24 Октября 2007, 02:54:40

Спасибо!

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

Название: Помогите: нужно сделать полу-прозрачный, градиентный <div>
Отправлено: hanslinger от 24 Октября 2007, 16:10:32

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

Название: Помогите: нужно сделать полу-прозрачный, градиентный <div>
Отправлено: hanslinger от 14 Ноября 2007, 22:31:00

Вот написали (http://www.artlebedev.ru/tools/technogrette/etc/png-1/) в тему.

Название: Помогите: нужно сделать полу-прозрачный, градиентный <div>
Отправлено: CGVictor от 15 Ноября 2007, 12:17:03

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

Название: Помогите: нужно сделать полу-прозрачный, градиентный <div>
Отправлено: hanslinger от 15 Ноября 2007, 14:43:18

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