幫助隱藏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]-->