views:

460

answers:

2

Hello all,

I have just switched over from the old png transparency fix using a htc file and I have started using a JQuery plugin called JQueryPngFix. I have to migrate because I have started using JQuery and its conflicing with the htc file.

The thing is, it works but it seems to have over-layed the PNG (sends it to front rather than as a background!) on the whole div to the extent that I can not click on the content underneath, which is what makes me think the PNG has expanded or something, even though it looks exactly the way I want it to. I can't exactly debug this on IE6, since they have nothing like firebug, so was wondering if anyone can take a shot in the dark on what might be the problem.

#box{
background-image:url(../images/checkout_fuzzy.png);
background-position:inherit;
margin:0 auto;
width:800px;
height:auto;
padding-bottom:20px;
}
+1  A: 

My png fixing solution of choice is iFixPng, and I've never had your particular problem when using it. You may also want to look at the improved version, though I had issues with it when it first came out and haven't tried again.

Jerph
A: 

Try putting your bg image in a div by itself, so nothing else is affected. Set the position to relative, and then set a negative z-index.

If that doesn't work, can you provide a page where we can take a look at it?

Insanity5902