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

HTML+CSS+JavaScript

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

 

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

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

тема: полупрозрачный border для изображения
 
 автор: greys   (24.04.2009 в 23:39)   письмо автору
4.7 Кб
 
 

Здравствуйте, подскажите как можно извернуться и сделать... как бы полупрозрачную рамку вокруг изображения, но что бы она была частью самого изображения то-есть за ее 50% -ой прозрачностью видны были детали рисунка.

Как бы края изображения были полупрозрачными, но без плавного перехода. что бы как бордер в 3px.

Я придумал сделать 1-ое изображение полупрозарчным , а 2-ое с шириной и высотой на пару пикселей меньше чем предыдущее, наложить на него сверху.
-------------------------------------

может как то проще можно?
см. файл.

  Ответить  
 
 автор: AlexSol   (25.04.2009 в 07:48)   письмо автору
 
   для: greys   (24.04.2009 в 23:39)
 

1 изображение с полупрозрачным бордером в 3пх, только формат вам нежен png

  Ответить  
 
 автор: BlackApricot   (25.04.2009 в 08:31)   письмо автору
 
   для: AlexSol   (25.04.2009 в 07:48)
 

С пнг проблемы у 6го осла, клал он на прозрачность. Если картинка позволяет, то гиф.

А картинку надо делать, смотреть какой редактор умеет так делать. А вот накладывать, мне идея не понравилась. Может получиться, что всё правильно будет только в браузере в котором отлаживалось, а в других поползёт.

  Ответить  
 
 автор: AlexSol   (25.04.2009 в 10:04)   письмо автору
 
   для: BlackApricot   (25.04.2009 в 08:31)
 

в гифе нет полупрозрачности. решений с png для ie6 очень много

  Ответить  
 
 автор: BlackApricot   (26.04.2009 в 07:21)   письмо автору
 
   для: AlexSol   (25.04.2009 в 10:04)
 

Ну да, как то упустил из вида, что надо 50%.
Хотя есть такой фокус, рисовать по чётным/нечётным пикселям, делал так с цветом, с прозрачностью не пробовал, но кто мешает попробовать, если надо очень.

  Ответить  
 
 автор: DJ Paltus   (26.04.2009 в 03:41)   письмо автору
 
   для: BlackApricot   (25.04.2009 в 08:31)
 

Давно уже изобретены заплатки, переопределяющие поведение ПНГ с альфа-каналом в старых ИЕ. С успехом юзаю IE5.5+ PNG Alpha Fix v1.0RC4 (c) 2004-2005 Angus Turnbull http://www.twinhelix.com

  Ответить  
 
 автор: BlackApricot   (26.04.2009 в 07:15)   письмо автору
 
   для: DJ Paltus   (26.04.2009 в 03:41)
 

Спасибо, что то сдёрнул сейчас, днём посмотрю. Вот только меня всегда смущали все эти затычки(не эта, а глобально), всегда пытаюсь извернуться на том, что есть, не всем всё доступно.

  Ответить  
 
 автор: greys   (25.04.2009 в 11:23)   письмо автору
 
   для: AlexSol   (25.04.2009 в 07:48)
 

А как именно мне сделать border используя png ???

  Ответить  
 
 автор: AlexSol   (25.04.2009 в 11:59)   письмо автору
 
   для: greys   (25.04.2009 в 11:23)
 

нарисовать картинку с бордером и сохранить в пнг

  Ответить  
 
 автор: BlackApricot   (27.04.2009 в 07:37)   письмо автору
 
   для: greys   (25.04.2009 в 11:23)
 

Поройся вокруг этого адреса, есть тут о пнг и прозрачности.
http://easywebscripts.net/javascript.php

  Ответить  
 
 автор: PAT   (25.04.2009 в 11:24)   письмо автору
 
   для: greys   (24.04.2009 в 23:39)
 

Я бы сделал 4-е div'a (с полупрозрачностью), толщиной (высотой) в 3 пикселя, которые накладываются на края картинки. По загрузке определяем координаты картинки и её размеры и помещаем эти div'ы на их места (верх картинки, низ картинки, слева и справа).

Тогда картинка может быть любого формата.
И работать будет везде.

  Ответить  
 
 автор: jangot   (27.04.2009 в 14:56)   письмо автору
 
   для: PAT   (25.04.2009 в 11:24)
 

Ага, у меня тоже такая задача были и я именно с четырьмя дивами все сделал. Работает отлично.
А на счет png, я конечно заплаток не боюсь, но в данном случае, слишком много гемора.

  Ответить  
Rambler's Top100
вверх

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