JavaScript
--
Questions
--
Followers
Top Experts
jQuery popup bubble opacity problem with transparent PNG in IE7 & IE8
Very nice jQuery tooltip example here, using a transparent PNG with a drop shadow:
http://jqueryfordesigners.com/coda-popup-bubbles/
Looks great in Firefox/Chrome. Problem is that the drop shadow is just a big black blob in IE7 & IE8 (I don't care about previous versions...).The problem is apparently caused by applying JavaScript opacity properties to a PNG with transparency. I've seen a lot of posts about this problem, but I haven't found a solution. Has anyone made this work?
http://jqueryfordesigners.com/coda-popup-bubbles/
Looks great in Firefox/Chrome. Problem is that the drop shadow is just a big black blob in IE7 & IE8 (I don't care about previous versions...).The problem is apparently caused by applying JavaScript opacity properties to a PNG with transparency. I've seen a lot of posts about this problem, but I haven't found a solution. Has anyone made this work?
Zero AI Policy
We believe in human intelligence. Our moderation policy strictly prohibits the use of LLM content in our Q&A threads.
Thanks, but these don't appear to be what I'm looking for. I don't need the standard PNG transparency fix for IE 5.5 & 6; I need to allow JavaScript opacity properties (via jQuery) and transparent PNGs to play nicely together in IE 7 & 8. Any ideas?
ASKER CERTIFIED SOLUTION
membership
Log in or create a free account to see answer.
Signing up is free and takes 30 seconds. No credit card required.
That page shows 5-6 people with the same problem and one person who claims the standard PNG fix "almost" fixes it. I've probably tried a half dozen different PNG fixes, and haven't been able to fix the appearance in IE7/8. If you can point to an example that renders properly in Ie7/8, I'll know I've done something wrong - but I haven't found a single working example. Have you made this work previously?
EARN REWARDS FOR ASKING, ANSWERING, AND MORE.
Earn free swag for participating on the platform.
JavaScript
--
Questions
--
Followers
Top Experts
JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and in almost every mainstream web browser.