прозрачность PNG в IE6 |
самые 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
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |