New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Need to match the opacity of the target element #46

lojjic opened this Issue Jul 21, 2010 · 3 comments


None yet
4 participants

lojjic commented Jul 21, 2010

Currently if an element is set to translucent via filter:alpha(opacity=foo), PIE will not match that and instead display as fully opaque. We need to add logic to the RootRenderer to match the opacity of the foreground element.


This comment has been minimized.

glodigital-michael commented Jul 30, 2010

Fully opaque or fully transparent? I have a container with a rounded border. I have an interesting situation trying to do page transitions (for the client of course). Javascript first does a document.write to add a style element that sets the body's visibility to hidden. Then jquery document.ready sets the opacity to 0 and the visibility to visible. then jquery animates the opacity from 0 to 100%. It is ridiculous but if I don't do it in that order it renders the page before hiding it and fading it in. Anyway the point is that my CSS3 PIE element now has a transparent background and no border.

@lojjic lojjic referenced this issue Nov 3, 2011


animate opacity #175


This comment has been minimized.

BMCouto commented Jun 8, 2012

any news on this one?


This comment has been minimized.

Axle-Ryde commented Aug 17, 2012

Suggest working from the standards css 'opacity' property, rather than parsing 'filter:alpha(opacity=foo)'. Even though 'opacity' is not a css3 property, better to enable the standards. I expect you're already thinking this way.

Will this help with combining opacity and background-image (png) transparency issues in IE - automatically providing the benefits of -pie-png-fix: true; if there is a background image on the element as well? Nice.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment