8

Верстальщикам на заметку — устранение проблем с z-index при работе с AlphaImageLoader в IE6

11 ноября 2008 года

Долго бился над по-настоящему странным глюком IE6. Если вкратце описать возникавшую у меня проблему, то выглядит она примерно так: после того как я вешаю на div AlphaImageLoader с целью включения alpha-канала у png-24, ссылки, расположенные в этом div'е перестают работать (причем никакими ухищрениями с z-index избавиться от этого не удается).

Теперь внимание, барабанная дробь, объясняю причину этого мистицизма. Дело в том, что IE6 ужасно сильно глючит, если пытаться навесить прозрачный png background'ом на div с указанным позиционированием (position: relative или position: absolute). Решение я подсмотрел вот здесь, а сформулировать его можно так:

Вы сможете исправить Ваши проблемы через z-index если не будете применять фильтр к абсолютно или относительно спозиционированным объектам!

Спасибо за внимание, надеюсь, мне удалось спасти кому-то жизнь.

Метки: ,

8 комментариев к записи «Верстальщикам на заметку — устранение проблем с z-index при работе с AlphaImageLoader в IE6»

  1. Petri,

    Буду иметь в виду. Пока сам с таким не сталкивался, а может просто не обращал внимания, но в будущем может пригодиться.

  2. Алекс,

    А я думал, это давно всем известно :)

  3. vigor,

    Вот мне не было известно, поэтому я долго удивлялся этому багу. Пришлось прошерстить интернет в поисках решения. Ну и поскольку ответ в рунете не нашел, решил запостить.

  4. 4g3n7,

    Спасибо, я не знал!
    Долго мучался с этой проблемой, так что можно сказать вы спасли мне жизнь :)

    Теперь правда с учетом решения придется несколько иначе верстать.

  5. Jman,

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

  6. Женя,

    Жизнь не спасли, но помогли, спасибо!

  7. ValeraZ,

    Только вот IE не совсем правильно я-index понимает!!! Вот в чем фишка!!!

  8. Артём,

    http://piumosso.ru/a/css/ie/bugs/z-index-ie-6 — тут есть некоторая информация по теме

Оставить комментарий