Большой Воронежский Форум
» Веб-дизайн>Вопрос по прозрачности
Fdooch 10:58 13.04.2006
Вот, че-то не вкуриваю. Готовлю файл в ImageReady. Джифом или Пнг, ставлю галочку на прозрачности. Итоговый файл выходит каким-то дебильным, т.е. прозрачным, как он отображается в ИмеджРеди он не получается, даже в окошке с оптимизацией как-то коряво выводит, практически белые области. Не понимаю, либо у меня фотошоп кс2 битый, либо прозрачность не распростаняется на эффект тени и градиента в прозрачность.

мож кто дельное че подскажет?

чтоб было понятно о чем я спрашиваю, вот файл psd (17кБ) который я не могу сделать с прозрачным фоном для джифа или пнг, как в оригинале
http://www.comch.ru/~barmaley/company.rar [Ответ]
Ant0 11:04 13.04.2006
для справки: гифка не поддерживает альфаканал! т.е. полупрозрачности ты от него не добъешься! либо пиксель закрашен цветом на 100%, либо прозрачен на 100% - поэтому получаеться гребенка...
А вот пнг поддерживает альфаканал, но чтобы это виделось в бравзерах - приходиться извратиться! (я про IE, во всех остальных - все нормально и так) [Ответ]
Fdooch 11:39 13.04.2006

Сообщение от Ant0:
но чтобы это виделось в бравзерах - приходиться извратиться! (я про IE, во всех остальных - все нормально и так)

а рассказать как надо извращаться секрет? [Ответ]
Ant0 11:48 13.04.2006
не не секрет.. просто документацию подымать лень... :-/
ну вот нарыл:
это надо в CSS прописать:

Сообщение от :
img {
behavior: url("png.htc");
}

а это запхать в файло png.htc:
png.txt
и будет прозрачность для png во всех бравзерях
Но у этого подхода недостатки есть:
Изображения
[Ответ]
Alessia 11:52 13.04.2006
а у меня платьице прозрачное [Ответ]
Ant0 11:54 13.04.2006

Сообщение от alessia:
а у меня платьице прозрачное

а скриншотик покажи! [Ответ]
Fdooch 12:23 13.04.2006

Сообщение от alessia:
а у меня платьице прозрачное

а че ж background не оптимизирован?!) [Ответ]
Fdooch 14:33 13.04.2006
да, странно, все кроме IE отображают прозрачность нормально. (сохранять надо в png24)

Ant0 твой метод помог лишь частично, IE добавляет рамку "пустого изображения"...... .....вот так:
http://www.comch.ru/~barmaley/1/index.html [Ответ]
Ant0 15:00 13.04.2006

Сообщение от Fdooch:
да, странно, все кроме IE отображают прозрачность нормально. (сохранять надо в png24)
Ant0 твой метод помог лишь частично, IE добавляет рамку "пустого изображения"...... .....вот так:
http://www.comch.ru/~barmaley/1/index.html

ну ты человек даешь! а бордер 0 прописать в цсс религия не позволяет?
да и ничего странного! это же мелкософт!

их дооолго пытались заставить поддерживать png
заставили! но через задницу... :-/
[Ответ]
Fdooch 15:22 13.04.2006

Сообщение от Ant0:
ну ты человек даешь! а бордер 0 прописать в цсс религия не позволяет?

блин, либо я чего-то не вкуриваю, либо.....одно из двух. И бордер в ксс, и бордер в теге <img>.....все прописал - не пашет! [Ответ]
Ant0 15:36 13.04.2006
наверно чего-то не правильно пишешь...
к сожалению у меня нет щас винды под рукой, так что посматреть на IE не могу.
а тебе пекомендую почитать ВНИМАТЕЛЬНО на стандарты w3c
а то судя даже по тому коду, что я щас видел - все очень плохо [Ответ]
December 16:00 13.04.2006

Сообщение от Fdooch:
блин, либо я чего-то не вкуриваю, либо.....одно из двух. И бордер в ксс, и бордер в теге <img>.....все прописал - не пашет!

что-то в теге <img> border вообще не наблюдается, хотя в Опере и так все замечательно смотрится без всяких рамочек, а ИЕ не люблю, да и нету, чтобы посмотреть [Ответ]
racer 22 18:53 13.04.2006
Сделай цвет фона кнопки такойже как цвет места на странице где будет кнопка. [Ответ]
VaUlt 08:58 14.04.2006
Ant0, Fdooch, о ужас....
Рамка появляется потому, что не найден файл требуемый в скрипте png.htc, а именно: var blankSrc = "image/blank.gif";
Ant0, чтобы пальцы гнуть нужно обязательно знать предмет! [Ответ]
Ant0 09:11 14.04.2006

Сообщение от VaUlt:
Ant0, Fdooch, о ужас....
Рамка появляется потому, что не найден файл требуемый в скрипте png.htc, а именно: var blankSrc = "image/blank.gif";

ах да забыл совсем!
сорьки

создай файлик гифку прозрачную 1x1px с этим именем и будет тебе счастье

Сообщение от VaUlt:
Ant0, чтобы пальцы гнуть нужно обязательно знать предмет!

1) я пальцы не гнул!
2) я это скриптик под себя переписывал и поэтому знаю что и как работает.
[Ответ]
Fdooch 09:45 14.04.2006

Сообщение от December:
что-то в теге <img> border вообще не наблюдается,

я на локалке делал, ничего не помогло, поэтому на сервер не стал закачивать

Сообщение от Ant0:
а то судя даже по тому коду, что я щас видел - все очень плохо

это было наверстано чтобы посмотреть работу метода, а не добиться красивости и простоты кода

Сообщение от Ant0:
а тебе пекомендую почитать ВНИМАТЕЛЬНО на стандарты w3c

пробовал, мутобор полный, начинает голова пухнуть.

Сообщение от racer 22:
Сделай цвет фона кнопки такой же как цвет места на странице где будет кнопка.

делал, вся фигня в том (что мне не понравилось), что в ячейке таблицы, фоном стоит одна картинка, а вот эта картинка грузиться как img, и грузиться она ПЕРВОЙ, а потом фон ячейки, поэтому она видна сначала с белой каймой вокруг , что мне и не понравилось.


Сообщение от VaUlt:
Рамка появляется потому, что не найден файл требуемый в скрипте png.htc, а именно: var blankSrc = "image/blank.gif";

Сообщение от Ant0:
создай файлик гифку прозрачную 1x1px с этим именем и будет тебе счастье


спасибо. помогло. закрывать не буду (если админ сочтет нужным закроет сам) по причине - может кто, спустя два-три столетия, напишет какой-другой вариант решения данного трабла
. [Ответ]
Вверх