我有这个：
<div class="upload_slide">
<iframe class="upload_iframe" style="visibility:hidden;"></iframe>
</div>
如果我随后将一些文件发布到 iFrame 并设置.upload_slide为display:none;，而它正在加载，这会影响 iFrame 的加载或检测它何时完成加载吗？
问问题
40422 次
5 回答
13
不，iFrame 的加载和加载检测不应因将显示设置为无而受到影响。
CSS 只是为了样式，它没有影响 DOM 的能力。
于 2012-09-30T13:54:14.827 回答
11
应该没有问题，但如果有的话，一个很好的技巧是将元素移出屏幕而不是隐藏它。您可以创建一个类
.offscreen{
position: absolute;
left: -5000px;
}
您可以根据需要添加和删除。
于 2012-09-30T14:23:39.423 回答
9
Firefox 目前确实存在 display:none 问题：
一些浏览器假定当“display:none”应用于替换元素（如 Flash 或 iframe）时，不再需要该元素的视觉信息。因此，如果元素稍后由 CSS 显示，浏览器实际上将重新创建可视数据表单。
我想将 iframe 默认设置为“display:none;” 使浏览器跳过 HTML 的呈现，因此标签没有任何尺寸。我会将可见性设置为“隐藏”或将其放置在页面之外，而不是使用“显示：无；”。
史蒂文·帕利戈
于 2014-01-21T15:29:59.323 回答
2
没有。。一点都没有。。
CSS -display:none或者visibility:hidden只是说浏览器不向用户显示 iframe 内容。
但是该功能可以正常工作，没有任何问题。
于 2012-09-30T14:29:43.097 回答
0
据我所知，它应该可以正常工作。一段时间以来，我一直在使用隐藏的 iframe 加载内容，但没有遇到任何问题。
也就是说，我知道某些浏览器会尝试通过不加载隐藏的图像来提高效率，因此某些浏览器（尤其是移动浏览器）可能会对 iframe 执行相同的操作。
于 2012-09-30T13:37:19.233 回答