Link to home
Start Free TrialLog in
Avatar of dbruzzone79
dbruzzone79

asked on

Transparentissue PNG is black in IE7

I have a hidden div with png backgrounds. When I unhide the div, the background shows up black instead of transparent. Please see attached image.

This works fine in firefox and I know that IE7 is suppose to support transparent png (which it seems to do half way because the original backgrounds are correct).

So far my search for the answer has left me with IE7 supports transparent pngs. Any idea what Im doing wrong?
png-transparency.JPG
Avatar of nexusnation
nexusnation
Flag of United States of America image

How is it hidden?  Are you using a CSS display:none?
Avatar of dbruzzone79
dbruzzone79

ASKER

Here is the style on my div:

      overflow-x: hidden;
      overflow-y hidden;
      position: absolute;
      visibility: hidden;
      z-index: 1000;

The z-index is being adjusted from negative to positive to bring the element up.

Also, I am using a 3rd party component to generate this menu so my control is slightly limited.
Think you can alter it by having the divs change between display:block (on) and display:none (off) instead of the visibility/z-index trick?
ASKER CERTIFIED SOLUTION
Avatar of dbruzzone79
dbruzzone79

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
As long as it works, sweet.  I wasn't aware of any transparency issues with PNGs in IE7 (see also http:Q_23447496.html), so this is good to know.

Don't forget to close out of your question, if this indeed solved the answer. Click to accept your comment as an answer, and it'll automatically close the question after a time interval.

If you want to comment back first, though, do it before you close the question -- neither of us will be able to comment without triggering an objection for the moderators.