Frage

Ich verwende diese PNG Transparenz auf dem Hintergrund Bilder in IE6 zu beheben

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');
}

Dies funktioniert gut, aber ich in ein Problem laufen haben, wenn sie versuchen dies mit einem Sprite zu implementieren. Das Update ignoriert die Positionierung und macht, als ob die Position war oben rechts.

Gibt es eine Möglichkeit, um Kraft Hintergrund Position oder einen besseren Weg, dies zu tun. Ich würde es vorziehen, nicht JavaScript oder Änderung Gifs zu verwenden.

War es hilfreich?

Lösung

AFAIK der einzige Weg, zu tun, was Sie wollen, ist mit IEPNGFix
Sie müssen JavaScript verwenden, aber Sie können es unter bedingten Kommentaren verziehen, wie ich.

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

Innerhalb ie6.css

ul li a { behavior: url(iepngfix.htc); }
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top