Блог веб-разработчика Личный блог Озерова Виктора

PNG в IE5.5-6

Как заставить PNG корректно работать в Internet Explorer 5.5 - 6

• Для того чтобы отображались ссылки над png картинкой для всех вложенных слоев и для самой ссылки должно быть установленн position (например relative) а у слоя с png position не должен быть указан вообще.
• виды sizingMethod:scale(Растягивает png по размерам слоя), image(подстраивает размеры слоя под png), crop(Обрезает png  по размерам слоя, должны быть указаны размеры);
• The object that the filter is applied to must have layout before the filter effect will display. You can give the object layout by setting the height or width property, setting the position property to absolute, setting the writingMode property to tb-rl, or setting the contentEditable property to true.

HTML:

<div id="png_bg">

     <div id="a">

          <div id="b">

               <a href="#">link</a>

          </div>

     </div>

</div>

CSS:

#png_bg{ width:100px;background:url(/bg.png) top left repeat-y;}
* html #png_bg {
   background-image:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/bg.png', sizingMethod='scale');
}
#a, #b, #b a {position:relative;}