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

最新推荐文章于 2026-05-17 16:14:24 发布

原创最新推荐文章于 2026-05-17 16:14:24 发布 · 5k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#iframe #safari #div #firefox #浏览器

javascript 专栏收录该内容

25 篇文章

订阅专栏

本文探讨了不同浏览器下iframe显示黑点的问题,特别是在Firefox中。通过尝试使用CSS的display属性来隐藏这些黑点，发现这会影响Safari浏览器中iframe的功能。文章分析了这个问题的原因并讨论了可能的解决方案。

width="760" scrolling="no" height="90" frameborder="0" src="http://p.alimama.com/code.php?t=2&i=mm_10003521_106784_109301&w=760&h=90&sz=11&bgc=FFFACD&bdc=FFFFFF&tc=000080&lc=000000&dc=000000" name="alimamaifrm" id="alimamaifrm" border="0" marginwidth="0" marginheight="0">

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

浏览器兼容==头疼