Now in Firefox, IE7+, Opera and Safari it works excellent.. In IE6 it’s a different story, it won’t show my images in the div when it fades in. It shows text links and the form with inputs but no images appear.
I’m hoping a CSS expert can help me here.
Here is what I want it to look like (firefox, opera, safari, ie7+ etc):
Here is what I don’t want it to look like (IE6):
I would appreciate any help.
Greetings Mr. Sander.
It most likely isn’t script.aculo.us because when I take off display:none; then the images will show up just fine in IE6.
Here is the code:
I appreciate your response… Looking forward to getting this resolved.
I’ve looked through your code, and have one idea. If you had a live link where it’s not working, I would be able to help you a little more.
Here’s my idea: Try adding the blow just to make sure the images aren’t inheriting the display:none from the div.
When you take off display: none, you change two things:
1) the images aren’t hidden to begin with and
2) Scriptaculous doesn’t try to unhide them.
Either one of those could be breaking it.
Let me know how it goes, and if you have a link.
btw… this was handled:
The problem was that the offending Image was 1) a .png and 2) started inside a "display:none" div. He was using a png hack to get the transparency to work in IE6.
The combination of the PNG hack, and starting how hidden resulted in never appearing when the script later made the div visible.
Solution: make it a jpg.
(srry bout the necro…)
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".