VPF::Png проблемма прозрачность пропадает

darktempler

Дата 12.1.2008, 13:07 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 28.6.2006

Репутация: нет
Всего: нет

Задача
сделать меню с теньв низу

Действия
три карртинки последняя пнг с прозрачностью

размещаем смотрим результат опера и фаер фокс всё круто

IE 5-7 как всегда выделяются вот юзал следующие спсобы:
1ый
HTML:
<img id="endsmenu" src="images/admin/smenu3.png" />
Css
* html .submenu #endsmenu{behavior:url("images/admin/pngbehavior.htc")}

(один раз заработал после переделки отказывается работаь хз чё с ним и пути вроде проверил незнаю фон прозрачный даже не появляется)
2ой
сделал в стилях на прямумую через фильтр загрузку картинки
<img src="images/admin/blank.gif" style="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/admin/smenu3.png');" />

Во втором случае проблемма такая показывает нормально обновить нажимаю или окошки меняю в место прозрачного гифа показывается фон предыдущего элемента, хотя размеры стоят... уже мозг плавиться не могу понять как прозрачность PNG картинки нормально работащую в IE сделать помогите пожалста

smile

Устал эксперементировать гиф воткнул который криво смотрицо
------------
З.С. У кого траблы с сохранением пнг можете юзать Macromedia(уже Adobe) FireWroks 8 он сохраняет их нормально =)

Frozen_Coyote

Дата 14.1.2008, 16:05 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 230
Регистрация: 20.9.2007

Репутация: нет
Всего: нет

Извини, не стал разбираться в твоих хитросплетениях, даю код, который сто прцоентно работает во всех браузерах

Код



В ХТМЛ допустим картинка ship3.png с прозрачностью

<img src="img/pg.gif" style="background-image: url('img/ship3.png');" width="107" height="36" alt="" class="png" />

pg.gif - это прозрачный однопиксельный гиф

в CSS класс png

.png
{
//background-image: none ! important;
behavior: url('img/pngfix.htc');
}

нутро файла pngfix.htc

<public:component>
    <script language="JavaScript">
        element.runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + style.backgroundImage.substr( 4, style.backgroundImage.length - 5 ) + '", sizingMethod="crop")'
        element.className += ''
    </script>
</public:component>

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

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »