Как мы все знаем, IE6 не поддерживает прозрачные изображения PNG, а изображения PNG имеют эффекты, которые другие графические форматы не могут достичь с точки зрения выразительности в веб -дизайне. Фатальный недостаток IE6 значительно ограничивает творческую производительность веб -дизайна.
Хотя есть много способов решить прозрачный PNG в IE6, от использования IE-специфических фильтров или выражений, до JavaScript + прозрачная замена GIF. Тем не менее, эти методы имеют один недостаток, который заключается в том, что они не поддерживают атрибуты фоновой позиции и повторения фона в CSS. Использование DD_BELATEDPNG.JS может идеально решить проблему прозрачности изображения PNG в IE6 и поддерживает фоновую позицию и повторное предложение. Это не доступно в других методах. В то же время DD_BELATEDPNG также поддерживает атрибут: HOVER и <Img>.
Наш веб -сайт добавил DD_BELATEDPNG для обработки навигационных прозрачных изображений PNG, чтобы сохранить один и тот же внешний вид в разных браузерах.
DD_BELATEDPNG Официальный веб -сайт: Нажмите здесь, чтобы посетить!
Как использовать:1. Сначала загрузите файл JS:
| DD_BELATEDPNG_0.0.8A Несовершенная версия |
| DD_BELATEDPNG_0.0.8A Сжатая версия |
Затем обратитесь к коду на странице:
- <! - [ifie6]>
- <scripttype = text/javascriptsrc = загруженный путь JS> </script>
- <Скрипт>
- Dd_belatedpng.fix ('css selector, тип приложения');
- </script>
- <! [endif]->
Справочной функцией является dd_belatedpng.fix (), и можно использовать селектор CSS (селектор идентификатора и селектор класса) и тип приложения (разделенные на IMG и фон) в скобках.
Такие как dd_belatedpng.fix ('#box-one, img') или dd_belatedpng.fix ('. Header, founke') и т. Д.
Они могут быть сокращены как dd_belatedpng.fix ('#box-one, .header, img, founal'); Полем
Больше селекторов, таких как dd_belatedpng.fix ('#box-one, .header,#cooler, .box-two A: Hover, Img, Founal'); и так далее.
Кроме того, для решения фонового изображения мерцание под IE6 вы можете добавить следующий сценарий на страницу:
- <! - [ifie6]>
- <scripttype = text/javascript>
- // <! [CDATA [
- if ((window.navigator.appname.touppercase (). indexof (microsoft)> = 0) && (document.execcommand))))
- пытаться{
- document.execcommand (founalimagecache, false, true);
- }
- поймать (e) {}
- //]]>
- </script>
- <! [endif]->