Javascript 将iFrame CSS设置为显示：加载期间无

我有这个：

<div class="upload_slide">
    <iframe class="upload_iframe" style="visibility:hidden;"></iframe>
</div>

---

如果我随后将一些文件发布到iFrame并设置

。将幻灯片上传到
显示：无，当它加载时，这会影响iFrame的加载或它完成加载时的检测吗？
据我所知，它应该可以正常工作。我使用隐藏iFrame加载东西已经有一段时间了，没有任何问题

也就是说，我知道有些浏览器试图通过不加载隐藏的图像来提高效率，因此有些浏览器（特别是移动浏览器）可能会对iFrame执行相同的操作。
不，iFrame的加载和加载检测不应通过将显示设置为“无”而受到影响

CSS只是用于样式，它不能影响DOM。
应该没有问题，但如果有问题，一个好办法是将元素移出屏幕，而不是隐藏它。您可以创建一个类，如

.offscreen{
    position: absolute;
    left: -5000px;
}

您可以根据需要添加和删除它。
否。。一点也不……

CSS-
display:none
或
visibility:hidden
仅表示浏览器不向用户显示iframe内容

但是该功能可以正常工作，不会出现任何问题。
Firefox目前确实存在显示问题：无：

一些浏览器认为，当“display:none”应用于替换的元素（如Flash或iframe）时，不再需要该元素的视觉信息。因此，如果该元素稍后由CSS显示，浏览器实际上将从scratch重新创建可视数据

我设想，如果将iframe的默认值设置为“display:none；”，浏览器将跳过HTML的呈现，因此标记没有任何维度。我会将可见性设置为“隐藏”或将其放置在页面之外，而不是使用“display:none；”

史蒂文·帕利戈

display:none使Firefox不再从iframe触发打印对话框。回答得很好。设置
显示：在
上（或其任何父项上）没有任何
将阻止其加载。CSS可以影响DOM，但遗憾的是，对
s来说不是这样。除非您使用的是
load=“lazy”
，否则无论可见性如何，都将加载图像。不过，CSS背景图像确实会对可见性做出反应，尽管这种行为在浏览器中并不完全是标准的。我来到这里是因为我发现在chrome中的iframe上设置“display:none”会重新加载其url。我想这在chrome 59的iframe中是会发生的。如果iframe设置为do display:none，并且您打印iframe，则不会加载某些表格边框虚线样式。