Исправление прозрачности PNG в IE6 с позиционированием фона
-
19-09-2019 - |
Вопрос
Я использую это, чтобы исправить прозрачность 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); }
Не связан с StackOverflow