-Поиск по дневнику

Поиск сообщений в mycss

 -Подписка по e-mail

 

 -Постоянные читатели

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 18.09.2009
Записей:
Комментариев:
Написано: 210


прозрачность PNG в IE6

Пятница, 18 Сентября 2009 г. 10:42 + в цитатник
карты все записи автора

самые 3 простых способа
и вот статья http://shaman.asiadata.ru/node/46  



1 способ

Представляю вам способ, как корректно показывать PNG-картинки с альфа-каналом (прозрачностью) в Internet Explorer версий 5.5 и 6.0 так, чтобы меньше об этом думать.

Прежде всего потребуется прозрачный GIF-файл размером 1×1 пиксель — смастерите в фотошопе или возьмите отсюда. Теперь берем файл pngfix.htc, кладем рядом, открываем любым редактором и прописывем в шестой сверху строке путь к «прозрачному пикселю». Допустим, этот «пиксель» у вас именуется n.gif и лежит в папке /img — тогда строка будет выглядеть так:

if(typeof blankImg == 'undefined') var blankImg = '/img/n.gif';

Именно так, кстати, она и выглядит по умолчанию, так что если у вас все имена и пути совпадают, можно в этом файле вообще не ковыряться.

Последнее, что надо сделать — прописать в CSS'ке специальный стиль, в одно действие исправляющий как обычные PNG-картинки, так и объекты, фоновым рисунком которых является PNG-файл.

.png { behavior: url(путь/к/файлу/pngfix.htc); }

На примере стиль применен только к элементам класса png. Чтобы иметь еще меньше проблем, можно жахнуть по всем нужным элементам (например, картинкам и слоям), и тогда в HTML-коде можно вообще ничего не прописывать — стиль автоматом наложится на картинки, исправляя только PNG. Но в целях экономии ресурсов рекомендуется все-таки использовать класс.

2 способ

1. Размещаем скрипт pngbehavior.htc (http://creadome.ru/src/pngbehavior.htc) для примера в директории /src/. Меняем путь до прозрачного gif`а (var blankSrc = "/im/blank.gif";)

2. В CSS пишем .png {behavior: url(/src/pngbehavior.htc);} а затем для нужной картинки ставим класс png:  (Размеры обязательны, иначе IE сожмет изображение в точку.)


3 способ

1. Качаем файлик pngfix.rar (javascript) (http://www.box.net/shared/xmbox4g45h)

2. Достаем с архива и кладем его в корневую папку вместе с index.html (index.php)
3. В index.html (index.php) добавляем между следующий код:

Вложение: 3750324_pngfix.rar


 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку