2010-03-14 65 views
0

试图与一个精灵来实现这个的时候所以我用这个来解决对背景图像PNG透明度IE6与研究背景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'); 
} 

这个伟大的工程,但是我遇到了一个问题。该修补程序忽略定位并渲染,就好像位置是右上角一样。

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

任何帮助表示赞赏!

回答

2

AFAIK做你想做的事情的唯一方法是用IEPNGFix
你将不得不使用JavaScript,但是你可以像条件一样在条件注释中使用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); } 
+0

这是我接受的答案,但我必须能够没有JavaScript执行。我最终放弃了精灵,并使用我的方法与个人图像。然而,它的工作很好,所以这是小费。 – 2010-03-14 17:57:37