The box-shadow shape is opaque behind the element background about pie HOT 8 OPEN

Dang. This is exactly what I'm trying to do... only with an inset box-shadow. I'm implementing a non-inset shadow in IE, but would love to use an rgba value for the background: http://dev.jacobdubail.com/category/journal

from pie.

It should be documented somewhere that you can only really apply box-shadow to elements with opaque backgrounds.

from pie.

Just ran into this problem; I sometimes use a transparent background image on certain elements, and not being able to have a truly transparent background on box-shadowed elements is a bit crippling at times.

I've worked around the issue on a couple of my sites, but a few sites won't be able to use CSS3pie until this particular issue is resolved...

from pie.

I also just ran into this problem. I understand the difficulties involved in fixing this, but please add it to the docs at least. Thanks!

from pie.

I actually need this feature, I have a transparent layer with a shadow, which is obviously not working in IE with PIE. I'll see if I can hack it up somehow, but I've never looked at PIE's code before nor I know anything about IE's internals, so it might take some time (which I don't have). If somebody has a couple fast pointers to where I should head to make this work, please adivse me!

from pie.

+1 on what geerlingguy said

from pie.

I use jQuery animation to fade boxes in and out. After a fadeIn the box-shadow turns black, and no longer matches the background.

I'm OK if it has to ignore the opacity during the fade in/out animation, but once the animation is done it should fix the shadow since the background is no longer transparent.

I just realized this only happens on IE7, and not on IE8.

from pie.

Check this one....CSS Transparent border with rgba

http://www.corelangs.com/css/box/transparent.html

Justin

from pie.