Using CSS3 Pie with jQuery BlockUI

Question

I am using CSS3 Pie for doing cross browser border-radius and box-shadows. This works really great. But when used together with the jQuery blockUI plugin (using modal dialogs), CSS3 Pie functionality does not apply to that dialog element.

This is because of the z-index problem with position:fixed , which is also described here. I already tried to change position to relative on the target element, played arround with the z-index, but it won´t work.

Maybe someone of you had a similar problem and can help me out here

Answer 1

What version of CSS3Pie are you using?

I don't know how blockUI works, but it is possible that it hides its pop-up elements off the top of the screen or something like that while they're not being used.

If that's the case, and if you're using the first version of CSS3Pie (beta 1), there was a bug in that version which threw a Javascript error when it tried to access an element with a negative position. This bug has been fixed in beta 2.

If you're using beta 1, you should go back to the CSS3Pie site and install beta 2.

Finally, have you asked on the CSS3Pie site -- the forums are fairly active, and the developer answers a lot of questions himself.

If it still doesn't work, I believe he's getting quite close to releasing a third beta version fairly soon.