Комментарии: Баг с PNG-прозрачностью в IE6, но не тот, о котором вы подумали

Автор: SharUpOff

SharUpOff — Fri, 04 Nov 2011 22:34:09 +0000

Спасибо, решение помогло!

стили отдельно для IE6 и отдельно для «нормальных» браузеров

Достаточно перед элементом css поставить символ «*»:

*position : static;

Тогда «нормальные» браузеры будут игнорировать данную строку.

Автор: Артём

Артём — Fri, 19 Feb 2010 16:38:33 +0000

Спасибо, очень помогло, уже не знал, как фиксить, спасло только это!

Автор: Руслан

Руслан — Wed, 28 Oct 2009 22:16:58 +0000

Автор, спасибо за решение проблемы — здорово выручил!!!

Автор: Александер Линл

Александер Линл — Thu, 05 Mar 2009 11:47:10 +0000

тыги в предыдущем сообщении вырезались... сделаю так

{div id="logo" }{/div}

{a id="baseurl" href="#"}{/a}

Автор: Александер Линл

Александер Линл — Thu, 05 Mar 2009 11:45:31 +0000

Я тут немного по-другому решил эту проблему... Вернее, решал другую проблему, а получилось что решил именно эту :)

Получается так, что слой с сылкой накладывается на слой с прозрачностью... и там где есть картинка — ссылка остаётся :)

вот что на странице:

и вот кто в КСС

#logo{

width:216px;

height:150px;

display:block;

position:absolute;

left:50%;

margin:50px 0px 0px 175px;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='imgs/logo.png',mask='imgs/pole.png',sizingMethod='crop');

}

#baseurl{

position:absolute;

width:216px;

height:80px;

display:block;

border:1px solid white;

left:50%;

margin:50px 0px 0px 175px;

}

Автор: Евгений

Евгений — Thu, 25 Dec 2008 00:47:46 +0000

Да, Rotor, Вы правы оказались насчет путей. Оказывается при примененении AlphaImageLoader в CSS нужно указывать АБСОЛЮТНЫЕ пути. Такой нюанс. Спасибо, за прекрасную статью.

Кстати, у Ваешго блога прекрасный дизайн. На данный момент вошел в мои персональные TOP-10 ))

Автор: rotor

rotor — Wed, 24 Dec 2008 09:50:06 +0000

Должен работать, возможно проблема в пути к изображению. Есть неплохая подборка методов решения бага с PNG в IE6 здесь. Может быть найдёте для себя более быстрое решение.

Автор: Евгений

Евгений — Wed, 24 Dec 2008 06:14:59 +0000

При переносе решения с AlphaImageLoader в CSS — перестает работать, т.е. картинка вовсе не подгружаете. Сталкивались с этим?

По поводу скрипта IEPNGFix по опыту знаю, что решение работает, но, к сожалению, медленно. Поэтому ищу другие пути.

Автор: rotor

rotor — Thu, 13 Nov 2008 19:29:20 +0000

Чтобы сверстать градиентный фон для body не нужна полупрозрачная графика. Для этого нужно указать сплошной цвет background и положить в фон изображение, растянутое вдоль одной из осей.

Но что-то советовать, не видя перед глазами пример, сложно.

Автор: Romaldo

Romaldo — Thu, 13 Nov 2008 17:37:53 +0000

проблема решилась выше описанным способом присвоением позиционирования статик и релатив. но вот еще одна проблема. блок див имеет абсолютное позиционирование и тоже фон его задан через AlphaImageLoader для IE. в этом блоке не отображается например, список UL, а тег P спокойно отбражается. кажется для абсалютного позиционирования эту прблему не решить. А страницу без полупрозрачной графики никак ни сверстать, потому что фон BODY градиентный.