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.

Foi útil?

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
scroll top