奇怪的safari:0像素的iframe不能被display:none的div圈住隐藏

原创 2007年09月29日 10:48:00

0x0的iframe在ie下没有任何显示,而FireFox浏览器上却会显示一个黑点。
很多web2.0应用在FireFox下都有那一个个的黑点。
我尝试用<div style="display:none"><iframe></iframe></div>来隐藏黑点。
在firefox下效果很好,但在safari下出现了大的问题:
原有iframe的功能失效了,无法访问到被隐藏的iframe的src属性。
终于隐隐明白为什么黑点会始终存在。
但是这是个不该发生的问题,display是一个CSS样式而已,影响到HTML元素的功能就是很不应该。

浏览器兼容==头疼

display:flex浏览器兼容

display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17-...
  • leo8729
  • leo8729
  • 2016年09月27日 11:55
  • 1644

DIV CSS display (block none inline)属性的用法

原文:http://www.cnblogs.com/Bill_Lee/archive/2011/04/11/2013110.html DIV CSS display (block n...
  • akiyame
  • akiyame
  • 2014年12月13日 22:41
  • 783

[jQuery]无法准确获取隐藏元素(display:none)宽度(width)和高度(height)的新解决方案

在开发一个弹框插件时,遇到一个需要计算隐藏弹框的高度问题。用jquery里面的方法$('box').outerHeight(true)得到隐藏层高度的值随着滚动条滚动总是不一致。没辙,放弃这一方法去获...

js控制图片上传预览,使用三方插件+名称显示和控件非display:none隐藏

第一次写blog,只是为了自己做记录,方便下次寻找方便,如有不足处见谅。 js三方引用,v1.4,附件下载http://jquery.decadework.com     html部分 ...

display:none/block的应用以及和visibility的区别,隐藏/显示内容

display:none/block; visibility:hidden/visible;

javascript获取隐藏元素(display:none)的高度和宽度的方法(转)

类型:转载 时间:2014-06-06 这篇文章主要介绍了javascript获取隐藏元素(display:none)的高度和宽度的方法,实现方法比较复杂,需要的朋友可以参考下 js获取可见元素...
  • dragoo1
  • dragoo1
  • 2015年12月11日 10:19
  • 2382

css元素隐藏原理及display:none和visibility:hidden

在CSS中,让元素隐藏指屏幕范围内肉眼不可见的方法很多,只不过有的依然保留空间,而有的却消失的不留痕迹,接下来本文将详细介绍下css元素隐藏原理,感兴趣的你可不要错过了哈 一、CSS元素隐藏 在C...

隐藏和显示div的两种方法(display和visibility)

.yangshi1{ width:200px; height:200px; backg...

visiblity:hidden和display:none的差异

  • 2013年01月25日 15:03
  • 17KB
  • 下载

浓浓一笔,圈住2016

思索良久,方能下笔,终究到了为2016画上浓浓一笔句号的时候。回首2016,我做不到苏轼的“也无风雨也无晴”,因为我本凡人嘛。1.2016年1月-2016年2月这两个月,重心在生活上。宝贝女儿的到来,...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:奇怪的safari:0像素的iframe不能被display:none的div圈住隐藏
举报原因:
原因补充:

(最多只允许输入30个字)