我需要延迟加载一个没有滚动的全屏网站，基本上所有的页面都是用z-index堆叠在一起的，并且更改页面只是在元素上切换z-index。但延迟加载似乎没有看到这一点，页面仍然试图加载所有内容。有些元素有display:none，有些元素有visibility: hidden.
我基本上只需要一个脚本来确保具有最高z-index的元素中的任何内容都加载，但其他所有内容都保持不变，直到它成为具有最高z-index的元素。
这是一个小提琴，但如果有人知道我怎么能做到这一点，还没有js作为基础？
答案 0 :(得分：2)
如果你有时间可以轻松编写jQuery插件，可以使用:in-viewport和:visible来过滤图像，也可以在图像可见之前预先加载。
使用data-属性设置图片网址，并最初为照片使用空图片，然后将所需的属性（src或background）更改为相应的{{1属性，它应该加载。