IE6 PNG transparency fix with Backgroud positioned
Posted
by durilai
on Stack Overflow
See other posts from Stack Overflow
or by durilai
Published on 2010-03-14T09:56:50Z
Indexed on
2010/03/14
10:05 UTC
Read the original article
Hit count: 241
So I am using this to fix PNG transparency on background images in 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');
}
This works great, however I have run into a problem when trying to implement this with a sprite. The fix ignores the positioning and renders as if the position was top right.
Is there a way to force background position or a better way to do this. I would prefer to not use JavaScript or change to gifs.
Any help is appreciated!
© Stack Overflow or respective owner