jquery fade-show fails in IE

[niek]

Situation:

• "Overlay div", 100% width/height. Positioned absolute.
• Background color = #000
• Opactiy is set (using filter for IE)
• div is hidden (display: none)

In that situation, try to run a $("#overlay").show("fade", "fast");

This fails in Internet Explorer 7. The screen stays completely black. When I remove the effect, so only using .show("fade"), the opactiy does work.

IE version: 7.0.5730.11

[jitter]

Thanks for taking the time to contribute to the jQuery project by writing a bug report.

Please submit a reduced test case, which reproduces the issue you are experiencing, on ​http://jsfiddle.net. So that we can investigate this issue further. Also make sure to read the link given below, in order to provide a most useful bug report.

---

​How to report bugs

[anonymous]

The problem only occurs in IE7, because that's the only IE browser I tested on. It works as expected in Firefox 3.

​http://jsfiddle.net/nFzdh/4/ is a simple test case. When visiting that link in IE, you can see the fade animation going well. But when the animation is finished, the complete #fade will turn completely black.

[trac-o-bot]

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!