Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Помогите: нужно сделать полу-прозрачный, градиентный <div>
 
 автор: blacks   (21.10.2007 в 17:10)   письмо автору
 
 

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

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

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

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

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

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

   
 
 автор: unlimited   (23.10.2007 в 18:58)   письмо автору
 
   для: blacks   (21.10.2007 в 17:10)
 

А не проще тебе сразу нарезку сделать в фотошопе! А делать на стилях глюки в браузерах разных начнут вылазить... в фотошопе делаешь нужную картинку накладываешь на фон, и вырезаешь целиком,если надо фиксируешь на сайте стилем... все и всегда применяли подобный метод. Дёшево и сердито. Если не устраивает, то опиши или покажи то что должно получиться в итоге на сайте...

   
 
 автор: blacks   (24.10.2007 в 02:53)   письмо автору
 
   для: unlimited   (23.10.2007 в 18:58)
 

Спасибо!

Нет - резке определенно НЕТ - нужно чтоб грузилось полное изображение (будет обрабатываться скриптом)
Буду думать :)

   
 
 автор: netman   (24.10.2007 в 08:09)   письмо автору
 
   для: blacks   (21.10.2007 в 17:10)
 

Не знаю, можно ли вообще div-у фон сделать.
Вчера тоже искал как сделать, вот что вышло (только с таблицей):


.massage{
            font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
            text-decoration: none;
            background-image: url(br.gif);
            background-repeat: no-repeat;

/*если сделать repeart-x; то изображение будет повторяется только по горизонтали, соответственно y-по вертикали  */
}

//сам рисунок выглядит примерно так: lllllllll lllll llll lll lll ll l l

//всамом коде:

 echo("<tr><td class=\"massage\">(что-то типа заголовка)</td></tr>");


Попробуйте с дивом, может выйдет. Мне тоже интересно, а времени-в обрез.

   
 
 автор: blacks   (28.10.2007 в 21:16)   письмо автору
 
   для: netman   (24.10.2007 в 08:09)
 

Фон то можно делать DIV'у...
- также через CSS как обычно...
Но вот мне это не очень поможет.... :)

   
 
 автор: AlexSol   (28.10.2007 в 21:37)   письмо автору
 
   для: blacks   (28.10.2007 в 21:16)
 

делайте фоном png:

background:url(_img/bg.png) repeat 0 0;
*background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/bg.png',sizingMethod='scale');

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования