Question

I have a complex site that incorporates alot of javascript and it is getting absolutely KILLED by IE7. How would I go about serving this code:

HTML

<div id="curtain" style="display: none"></div>

JS

$(document).ready(function(){
    $('#curtain').delay(1500).fadeIn(1000);
});

In such a way that IE7 never gets the style="display: none" and therefore never hides <div id="curtain">?

Answer 1

You can use conditional comments to set IE7 specific styles.

<!--[if IE 7]>
<style>
#curtain{ display: block !important;}
</style>
<![endif]-->

But, you should take the display setting out of the style attribute, as the level of specificity is high enough that it may override the admittedly hack-y !important attribute.