闯关样式如何实现，或者实现思路。

Question

问题描述

类似图片这种，关数不确定，那个路线的样式可能没有下图这么复杂

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

据我的经验看。首先UI设计师给我的是一张完整的超长的PSD图，然后我负责把这些图进行切片（当然这也可能师设计师已经截好图了），这样我们可以根据每张图插入页面中，并且根据图中是否有开启关卡增加一些button按钮并css固定位置（一般是按钮和图片外围包裹标签进行相对、绝对定位），同时每个按钮绑定点击事件。优化方面： 可以实现按需加载图片并插入按钮，css方面注意一下幽灵空白就好了。移动端请用rem和em设计，就酱~

Answer 2

一个留白的背景图就搞定了。你可以理解成这由7个图片+1个背景图组成，像拼图一样把7个图片放到留白的位置就好了。