Question

J'utilise ceci pour fixer la transparence PNG sur les images de fond dans 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');
}

Cela fonctionne très bien, mais je l'ai rencontré un problème en essayant de mettre en œuvre ce avec un sprite. Le correctif ne tient pas compte du positionnement et rend comme si la position était haut à droite.

Y at-il un moyen de forcer la position de fond ou une meilleure façon de le faire. Je préférerais ne pas utiliser JavaScript ou changer pour gifs.

Était-ce utile?

La solution

AFAIK la seule façon de faire ce que vous voulez est avec IEPNGFix
Vous devrez utiliser JavaScript, mais vous pouvez le déformer sous les commentaires conditionnels, comme je le fais.

<!--[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]-->

A l'intérieur ie6.css

ul li a { behavior: url(iepngfix.htc); }
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top