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
Web DevelopmentWeb BrowsersHTML

Avatar of undefined
Last Comment
nexusnation

8/22/2022 - Mon
nexusnation

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

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.
nexusnation

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?
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck
ASKER CERTIFIED SOLUTION
dbruzzone79

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
nexusnation

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.