Need to match the opacity of the target element #46

lojjic opened this Issue Jul 21, 2010 · 3 comments

4 participants


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.


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


any news on this one?


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