Ну наконец-то смог от чипсов оторваться и начать, в общем много кто сталкивался с png и знают png fixer, их куча, существует много всяких плагинов и т.д. Приходилось подстраиваться под эти фиксеры и добавлять какие-то лишние теги, вокруг элементов с position:absolute, или выкруг ссылок.  И все это очень мне не нравится еще и потому, что после установки fixera в ие6 все начинает жестоко тормозить, даже когда применяешь его к нескольким <div>, а некоторые штуки на js иногда слетают, я пришел к выводу что лучше использовтаь как можно меньше пнг, если использовать то применять куски стиля для ie такого типа

<!–[if lte IE 6]><style>
#star {background:none;}
.star-png{
background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src=’<?php bloginfo(’stylesheet_directory’); ?>/images/star.png’, sizingMethod=’image’);
}
</style><![endif]–>

Думаю про применение этого метода можно много еще где почитать.  Расскажу что же я все таки решил делать.

Есть такая библиотечка любимая моя, jQuery. Так вот на jQuery нашел недавно плагин для отражений и для теней. Позже выложу примеры создания тени и отражения с помощью jQuery. Есть возможность применять тени, также и для текста, про отражение не пытался еще сделать, но тень точно делается.

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

Комментарии