HTML5图片堆叠布局加载效果

布局方面靠的是CSS 的定位+Flex，父容器position: relative，子元素position: absolute，再用top、left这种属性堆叠图片，效果还蛮炫的，像一张张扑克牌散开那种。想调堆叠层级也方便，用z-index就行。

“加载更多”的逻辑比较简单，JavaScript+Ajax搞定。监听点击事件，求新图片，动态加到 DOM 里。性能上建议你加个懒加载，比如用IntersectionObserver判断图片是不是快出现了，快的话再加载，这样页面初次打开快多了。

响应式这块别忘了加上@media，要不然在手机上堆叠就乱套了。设置几个断点，调整图片宽高，控一下堆叠层数，整体体验能提升不少。

如果你正好在做图集类的前端模块，或者你想搞个不一样的“加载更多”，这个方案值得试试。代码也不复杂，结构清晰，改起来也灵活。