jQuery popup with faded background conflicts with transparent PNGs

I'm building a popup shoppi开发者_开发知识库ng cart in a webshop, which acts like a kind of lightbox. The cart pops up when it should, and the background fades to gray when it should.

Problem: some elements in the page light up when fading, this is very ugly.

I'm using jQuery.fadeIn and jQuery.fadeOut.

My problem is demonstrated here.

Click on the phrase "Shopping Bag" in the top right corner to see what happens.

Looks like you have to fade the background separately, not rely on it inheriting the opacity from the containing element. Do you understand what I mean? You would have to perform two fadeIn/fadeOut in parallel.

Here you go my friend

.popup-cart-container {
display: none;
left: 0;
position: absolute;
top: 0;
z-index: 1000;
}