代码之家 › 专栏 › 技术社区 › tuesday

如何在IE 6、7、8中隐藏iframe?style=“display:none”的设置属性不起作用!

hide cross-browser iframe

tuesday · 技术社区 · 16 年前

对不起,我不想发布上下文。

iframe是由javascript动态生成的。例如:

  function addIframe(node) {  
      var iframe = document.createElement("div");  
      iframe.src = ****;  
      iframe.style = "display:none";   
      node.appendChild(iframe);   
}

上面函数生成的隐藏框架在Firefox和Chrome中工作,但在IE中失败。

3 回复 | 直到 14 年前

adardesign 15 年前

仅针对IE8

iframe { //display:none }

目标IE7、IE6

iframe { *display:none }

fabjoa 16 年前

它应该能工作。尝试 display:none !important . 否则,试试丑陋的黑客

border:none;
width:1px;
height:1px;
visibility:hidden

zzzzBov 14 年前

你可以试着把它从屏幕上移开。小心这样的事情,因为试图隐藏iframe可能会带来安全隐患。

.some-selector {
  margin-left: -2000px;
  position: absolute;
}

推荐文章

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

3 年前

Nuri Engin · 无法在Ext JS中为TreeStore实现filterBy方法?

8 年前

Faustas Butkus · jQuery。fadeIn()设置

8 年前

Steve · 如何将show()和hide()jquery函数应用于css显示属性

8 年前

user3250818 · 打印div的内容,但其中的某些元素除外,不起作用

8 年前

Zach Smith · 在jQuery中遍历var链变量数组

8 年前

TMS_1 · 每天下午用Javascript隐藏CSS类

8 年前

mattbierwirth · 隐藏或取消隐藏所有Excel工作表而不循环

8 年前

WebSon · Jquery慢速隐藏/显示文本、照片、对象等。最小高度200px

8 年前

user8749260 · 使用slidetoggle()显示/隐藏我的div

8 年前