Skip to content
This repository has been archived by the owner on Apr 20, 2023. It is now read-only.

Need to match the opacity of the target element #46

Open
lojjic opened this issue Jul 21, 2010 · 3 comments
Open

Need to match the opacity of the target element #46

lojjic opened this issue Jul 21, 2010 · 3 comments

Comments

@lojjic
Copy link
Owner

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.

@glodigital-michael
Copy link

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 mentioned this issue Nov 3, 2011
@BMCouto
Copy link

BMCouto commented Jun 8, 2012

any news on this one?

@Axle-Ryde
Copy link

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 subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants