Hi everyone,

I was wondering if it were possible to make CSS3 PIE apply to just specific properties. For instance, if I have a div that uses border-radius and box-shadow, but I only want PIE to work with the border-radius. PIE would then ignore the box-shadow property.

Not sure why you'd want to do that, but...

PIE will use properties prefixed with -pie- in preference to the standard properties. So you could do something like:

Thanks!

The reason is that the box-shadow that PIE is producing in IE doesn't match what it looks like in Chrome or Firefox. It's not even close really. Additionally, a box-shadow that activates on hover isn't disappearing on mouseout.

Can you post an example of the box-shadow that's looking drastically different than other browsers? As of beta2 it should be pretty much identical.

Here it is.


http://img196.imageshack.us/i/pieo.png/

Ah, yes. PIE doesn't support rgba colors for box-shadow with a blur radius yet. That makes sense. Thanks for the clarification.

BTW the IE9b issue should be solved if you upgrade to the new 1.0beta3 released yesterday. It now ignores IE9 and lets it handle things on its own.

Also you might be able to get it pretty close by using a light shade of gray (e.g. #CCC) instead of rgba black with a low opacity.

Regarding the :focus handling, that issue is known and tracked at https://github.com/lojjic/PIE/issues/issue/78

Thanks for the reply.

Considering where I'm using the drop shadows at, rgba isn't actually necessary. So going with a simple light gray should be fine.