IE6 PNG Fix da correção de fundo com fundo posicionado
-
19-09-2019 - |
Pergunta
Estou usando isso para corrigir a transparência do PNG em imagens de fundo no 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');
}
Isso funciona muito bem, no entanto, encontrei um problema ao tentar implementar isso com um sprite. A correção ignora o posicionamento e renderiza como se a posição estivesse no canto superior direito.
Existe uma maneira de forçar a posição de fundo ou uma maneira melhor de fazer isso. Eu preferiria não usar JavaScript ou Alterar para GIFs.
Solução
Afaik, a única maneira de fazer o que você quer é IEPNGFIX
Você terá que usar o JavaScript, mas poderá distorcer os comentários condicionais, como eu.
<!--[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]-->
Dentro do ie6.css
ul li a { behavior: url(iepngfix.htc); }
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow