IE6 PNG透明度修复与背景定位

Posted 2021-05-03

我用它来修复IE6中背景图像的PNG透明度

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

这很好用，但是在尝试用sprite实现它时遇到了问题。修复忽略定位并呈现，就好像位置是右上角一样。

有没有办法强制背景位置或更好的方法来做到这一点。我宁愿不使用javascript或更改为GIF。

答案

AFAIK是你想要的唯一方法是与IEPNGFix 你将不得不使用JavaScript，但你可以在条件评论下扭曲它，就像我一样。

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

在ie6.css里面

ul li a { behavior: url(iepngfix.htc); }