Pregunta

Estoy usando esto para fijar la transparencia PNG en imágenes de fondo en 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');
}

Esto funciona muy bien, sin embargo, me he encontrado con un problema cuando se trata de aplicar esto con un sprite. La solución pasa por alto el posicionamiento y hace como si la posición era superior derecha.

¿Hay una manera de forzar la posición de fondo o una mejor manera de hacer esto. Yo preferiría no usar JavaScript o cambiar a los gifs.

¿Fue útil?

Solución

Que yo sepa la única manera de hacer lo que quieres es con IEPNGFix
Usted tendrá que utilizar JavaScript, pero se puede deformar bajo los comentarios condicionales, como a mí.

<!--[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 de ie6.css

ul li a { behavior: url(iepngfix.htc); }
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top