Помогите скрыть css popup в IE

Question

Я пытаюсь создать пользовательскую вкладку 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

Здесь происходит несколько вещей.

• Условно используется условная директива IE, определяющая: если не IE, то это только IE, поэтому немного назад
• Условное условие является неполным, и комментарий завершения происходит сразу после первого условия.

Попробуйте:

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

Answer 2

<!--[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);