帮助在IE中隐藏css弹出窗口

时间:2011-03-14 21:57:16

标签: css internet-explorer popup

我正在尝试使用iframe创建自定义Facebook标签。无论如何,它首次加载时会弹出一个弹出窗口。但是,在Internet Explorer中显示时,此弹出窗口无法正确显示。

我尝试了下面的代码,所以我可以尝试完全隐藏弹出窗口,但它没有用。

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

#hidepopup {
   display: none;
   }

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

使用<div id="hidepopup">&amp;之间的弹出代码</div>

有关如何隐藏或调整大小的建议吗?

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

2 个答案:

答案 0 :(得分: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);

答案 1 :(得分:1)

这里有一些事情发生。

  • 使用的条件是IE条件指令指定:如果不是IE,这些只是IE,所以它有点倒退
  • 条件不完整,结束评论在第一个条件之后立即发生。

试试这个:

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