Форум Сайтостроение Веб-строительство

вопрос по фотошопу, очень нужно

12
garri kaspar
На сайте с 05.10.2007
Offline
111
garri kaspar
811

Я понимаю, что сдесь сео-форум, но если кто подскажет, буду очень благодарен,так как сам в фотошопе почти ноль.

Итак, решил разнообразить убогий дизайн своего сайта и придумал вставить с помощью css картинку штампа визы. Штамп наложу в место перехода шапки сайта и таблицы. Ну , вырезал с помощью лассо этот штамп и поместил на прозрачный фон, сохраняю в формате jpg картинку. Потом вставляю этот штамп в угол сайта и получается не то, что мне нужно. Фон штампа белый, а не сливается с фоном шапки и таблицы:confused:Так что же мне делать, чтоб получилось так, чтоб штамп смотрелся как штамп , а не как картинка штампа?

Я надеюсь, что хоть кто-то понял , что я написал:drink:

sud falke
На сайте с 24.11.2006
Offline
60
sud falke
#1

garri kaspar, сохраняйте в png :)

Люблю эту компанию Venta (http://www.promo-venta.ru)
DI
На сайте с 03.01.2007
Offline
123
DenIT
#2

у jpeg'а нет прозрачности. Нужен gif или png

Высказывание идиотского утверждения требует на порядок меньше усилий, чем его последовательное и обоснованное опровержение и более того, иногда это опровержение вообще невозможно. © (http://zhurnal.lib.ru/s/shapiro_m_a/raspidiota.shtml)
garri kaspar
На сайте с 05.10.2007
Offline
111
garri kaspar
#3

Вот спасибо, премного благодарен.

Bush
На сайте с 19.07.2006
Offline
108
Bush
#4
sud falke:
garri kaspar, сохраняйте в png :)

Если сохранять в png с прозрачностью, то в IE6 вылезет бага. фиксать с помощью PNG Alpha Hack for IE 5.5+

DI
На сайте с 03.01.2007
Offline
123
DenIT
#5
Bush:
Если сохранять в png с прозрачностью, то в IE6 вылезет бага.

Не всегда.

This only works with 32 bit PNGs. 24 bit PNGs contain no alpha info and IE incorrectly displays 8 bit PNGs with alpha.

Поэтому если 8-битного хватает, то с ним все ок.

PS: а для остальных желательно еще и сам файл поправить, удалить у него информацию о палитре, т.к. в том же IE цвета получаются неправильные.

sud falke
На сайте с 24.11.2006
Offline
60
sud falke
#6

Bush, DenIT, проблема решается просто :)

В css пишем

.title

{

background: url(/images/img.png) top left no-repeat;

_background:none;

_filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/img.png',sizingMethod='crop');

}

атрибуты с "_" для ie

потом в шаблоне вставляем phg

<div class="title"><img src="/images/img.png"></div>

и все :)

DI
На сайте с 03.01.2007
Offline
123
DenIT
#7
В css пишем
.title
{
background: url(/images/img.png) top left no-repeat;
_background:none;
_filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/img.png',sizingMethod='crop');
}

атрибуты с "_" для ie
потом в шаблоне вставляем phg
<div class="title"><img src="/images/img.png"></div>

sud falke, все фиксеры и основаны на этом фильтре. Только там добавлены проверки на браузер и т.п.

К тому же, в таком варианте работать скорее всего не будет (проверять не хочется) - т.к. IE выведет это: <img src="/images/img.png">. Ему нужно подсовывать прозрачный gif. А FF - не нужно ничего подсовывать, так что проверка нужна.

Ну и косяк с палитрой можно исправить, только отредактировав инфу самого файла.

sud falke
На сайте с 24.11.2006
Offline
60
sud falke
#8

DenIT, работает и не надо ничего ie посовывать :) sizingMethod='crop'

a.fatman
На сайте с 15.01.2006
Offline
127
a.fatman
#9

sud falke, в вашем варианте две картинки наложатся друг на друга (background и img).

Желаете развивать тему?

Yurecm
На сайте с 25.02.2007
Offline
233
Yurecm
#10
sud falke:
.title
{
background: url(/images/img.png) top left no-repeat;
_background:none;
_filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/img.png',sizingMethod='crop');
}

+

widht: 10px;

height: 10px;

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий