Использую фильтр для png и перестают работать кнопки

[GromLine]

Использую в CSS фильтр для IE для отображения прозрачного png:

#cont .fon{width:800px; height:675px; background:url(/img/cont.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cont.png, sizingMethod=crop); //background:none;}

Также на этот фон помещаю кнопки:

<div id="cont">

<div class="fon">

<a href="/">Декоративные краски</a>

</div>

</div>

В мазиле все Ок, а в IE эти кнопки перестают работать.

Убираю из стилей: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cont.png, sizingMethod=crop); //background:none;

все работает, но прозрачности нет.

Подскажите советом как обойти баг?

[GromLine]

Наверное нет решения ?!

[psywalker]

Попробуй и не мучайся http://www.dillerdesign.com/experiment/DD_belatedPNG/

[DjTarik]

Использую в CSS фильтр для IE для отображения прозрачного png:

#cont .fon{width:800px; height:675px; background:url(/img/cont.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cont.png, sizingMethod=crop); //background:none;}

Также на этот фон помещаю кнопки:

<div id="cont">

<div class="fon">

<a href="/">Декоративные краски</a>

</div>

</div>

В мазиле все Ок, а в IE эти кнопки перестают работать.

Убираю из стилей: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cont.png, sizingMethod=crop); //background:none;

все работает, но прозрачности нет.

Подскажите советом как обойти баг?

Наверное нет решения ?!

Если ты используешь фильтр - то ссылки над ним в ie перестают работать... Им нужно прописать position: relative;

[GromLine]

DjTarik - спс огромное

[mishka]

Это нормальное поведение filter:progid:DXImageTransform.Microsoft.AlphaImageLoader.

Он как будто накрывает элемент сверху.

поэтому при использовании этого фильтра добавляй внутрь еще один блок и ему position:relative (это если внутри не одна ссылка, а полноценный блок с контентом), или если у тя внутри всего лишь пару ссылок, то можна только им релейтив добавить и все.

Также блоку r которому применен этот фильтр нельзя задавать позиционирование отличное от position:static так как потом в ие6 никакими релейтивами не вытащить дочерние элементы на верх. А если у блока этот фильтр с sizingMethod='crop' и + relative/absolute то в ие6 все обрежется по размеру картинки бг. Часто "попадаются" новички при реализации выпадающего меню, если оно все пнгешное.

Попробуй и не мучайся http://www.dillerdesign.com/experiment/DD_belatedPNG/

Черезвычайно ненадежное средство (. Не однократно в этом убеждался. Особенно нехорошо получается когда сверстаешь с этой штукой, потом понимаешь что нифига она не работает, а для фильтров приходится каардинально многое переделывать. Поэтому твердо решил что буду юзать только фильтры. Не подведут никогда.

Этот джс использую только для <img src="... .png" alt="" />

Edited June 22, 2010 by mishka2