Прозpачность в PNG для IE
Много слов написано о том как реализовать прозрачность в png картинки для "всеми любимого" IE. Не претендуя на какое-либо открытие, хочу поделиться тем, как эту проблему решаю я. Причем картинка у нас не просто вставляется в документ, а идет в качестве фона.
Итак, что нам в итоге нужно. Ну разумеется сама картинка, как же без неё, с прозрачным фоном и расширением .png . Затем, пишем небольшой стиль для нашей картинки. Лучше если мы напишем этот стиль отдельно от основного файла стилей сайта. Например такой, потом по аналогии сможете написать свой стиль:
#primer_png_img{
background: none;
border:none;
width:96px;
height:96px;
margin:10px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=''../../images/services.png'',sizingMethod=''scale'');
}
Ну а теперь просто вставляем нашу картинку например в DIV вот так:
<div id="primer_png_img"></div>
И вот наш конечный результат:
Да, забыл сказать, пример виден только в IE.
PS.: Прошу прощенья, пока не виден. В связи с переделкой сайта не всё ещё востановленно. Но можете попробовать, пример рабочий.
22.06.2010