帮助隐藏css在IE浏览器弹出

Question

我想创建一个使用iframe的自定义Facebook选项卡。无论如何，它首次加载时会弹出一个窗口。但是，如果在Internet Explorer中显示此弹出窗口不能正确显示。

我试着下面的代码，所以我可以尝试完全弹出后面的弹出窗口，但它没有奏效。

<!--[if !IE]> 
    --> 

#hidepopup { 
    display: none; 
    } 

    <!-- 
<![endif]--> 

随着<div id="hidepopup"> & </div>

如何隐藏或调整其大小，任何建议的弹出代码？

http://www.facebook.com/pages/GTD/104839016256119?sk=app_168848466497060

Answer 1

<!--[if IE]> 

<style type="text/css"> 
#hidepopup { 
    display: none; 
    } 
</style> 

<![endif]--> 

不要使用!，因为这意味着not IE，你有意见额外的打开/关闭标签。你还没有宣布它是风格。这里是链接，以帮助您有条件的意见：http://www.quirksmode.org/css/condcom.html

你的第二个问题是，你使用jQuery动画弹出。动画正在将display:none更改为display: block。所以你对IE的特殊情况被脚本覆盖。 这里：

//transition effect 
$(id).fadeIn(2000); 

Answer 2

这里有一些事情正在进行。

• 该条件使用是一个IE条件指令指定：如果不是IE，这些IE仅所以它是一个位向后
• 该条件是不完全的端部评论所述第一条件后立即发生。

试试这个：

<!--[if IE]> 
<style type="text/css"> 
    #hidepopup { 
    display: none; 
    } 
</style> 
<![endif]-->