PNG в ролловере

[alexlut]

На главной странице HTMLbook есть ссылка на статью "Эффект перекатывания с помощью стилей" (http://htmlbook.ru/content/?id=110). Способ отличный, и выручал не раз.

А тут столкнулся с проблемой: при использовании скрипта PNG-fix эффект не срабатывает...

Помогите пожалуйста, если кто в курсе!

[klierik]

используйте, в таком случае, без фикса,

выставив все параметры для беков ручками через фильтр

[alexlut]

а как ручками сделать так, чтобы фильтр действовал только в IE?

[alexlut]

В конце концов назначил непосредственно ссылкам,

#menu a {
	display: block;
	width: 75px; height: 75px;
	filter: expression(fixPNG(this));
	margin-left: 10px;
}

чем добился прозрачности плюнув на перекатывание в IE6. В других браузерах все работает как надо.

Дизайн в IE6 конечно от этого несколько увял, но я оставил это на совести Microsoft...

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

[klierik]

filter: expression(fixPNG(this));

классная запись

я говорил про нечто подобное

http://forum.htmlbook.ru/viewtopic.php?pid=34477#p34477

[alexlut]

Спасибо klierik, идею уловил. Даже попробовал осуществить:

* html #menu a {
 margin: 0;
}

#menu a:hover {
 cursor: pointer;
}

#menu a.about {
 background: url(img/about.png);
}

#menu a.about:hover {
 background-position: bottom;
}

* html #menu a.about {
 background: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/about.png");
}

* html #menu a.about:hover {
 background: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/about_push.png");
}

Но все равно - то ли :hover не срабатывает из-за background: none;, то-ли еще чего, но картинка при наведении курсора не меняется. Хотя IE6 и перестал ругаться на скрипты...

[klierik]

я б рекомендовал вам, если ето возможно,

зделать пнг опционально,

а собственно, что б все браузера показывали png

а для ие6 нарезать рисунки без тени и сохранить в фщрмате - gif

если ето возможно.

[alexlut]

К сожалению, рубленные края gif-ов настольго гробят дизайн, что легче отказаться от перекатывания! Там в тенях вся фишка заложена.

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