Исправление прозрачности PNG в IE6 с позиционированием фона

StackOverflow https://stackoverflow.com/questions/2441767

Вопрос

Я использую это, чтобы исправить прозрачность PNG на фоновых изображениях в IE6.

ul li a
{
    background-image: url('/NewSite/Content/Images/Sprite.png');
    background-repeat: no-repeat;
    background-position: 0 -48px;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/NewSite/Content/Images/Sprite.png, sizingMethod='crop');
}

Это прекрасно работает, однако я столкнулся с проблемой при попытке реализовать это с помощью спрайта.Исправление игнорирует позиционирование и визуализируется так, как если бы оно было вверху справа.

Есть ли способ заставить фоновое положение или лучший способ сделать это.Я бы предпочел не использовать JavaScript или перейти на gif.

Это было полезно?

Решение

AFAIK единственный способ сделать то, что вы хотите, - это IEPNGFix
Вам придется использовать JavaScript, но вы можете деформировать его под условные комментарии, как это делаю я.

<!--[if lt IE 7]>
    <link rel="stylesheet" href="css/ie6.css" type="text/css" />
    <script type="text/javascript" src="js/iepngfix_tilebg.js"></script>
<![endif]-->

Внутри ie6.css

ul li a { behavior: url(iepngfix.htc); }
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top