Nivo Slider PNG background transparency problem

JavaScript
1

Hi,

Posted this at the CSS forum, but maybe this is a better place for it.

I can’t seem to get the PNG background fix for IE6 to work for Nivo Slider. I’m using IE PNG Fix - TwinHelix and I’ve got iepngfix.htc and blank.gif in my CSS folder. iepngfix.htc points to blank.gif like this: IEPNGFix.blankImg = thisFolder + ‘blank.gif’;. In my nivo-slider.css I’ve got

.nivo-controlNav a, .nivo-controlNav a.active { 
             behavior: url(iepngfix.htc); 
}

.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullet_off.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:57px;
	float:left;
}

.nivo-controlNav a.active {
	background:url(../images/bullet_on.png) no-repeat;
}

But I get this in IE6 when I test it in IETester:

ImageShack® - Online Photo and Video Hosting

I’ve separated the active and inactive state images as you can see above, but as you can see from the image, background transparency isn’t working. I haven’t worked on the arrows yet; I’m still focusing on the bullets which don’t seem to be taking the transparency.

Would appreciate your thoughts. Thanks a lot.

2

I wouldn’t worry about IE6 too much. It’s 11 years old and even Microsoft is starting to think about possibly dropping support for it.

I can’t remember for sure, but I think the PNG fixes using behaviours never worked for background images, only for regularly placed images.

3

TwinHelix can be a real pain if it won’t do what it’s supposed to. I’d recommend you try DD_BelatedPNG (which is IMO better than TwinHelix anyway).

@Immerse: TwinHelix should work for background images :slight_smile: