javascript - 图片加载执行顺序以及控制方法

在刮奖效果中，我用Canvas在同一位置插入了两层图片

---

            this.conNode.appendChild(this.mask);//浮层，z-index=2;
            this.conNode.appendChild(this.background);//底层 z-index=1;

---

为了让浮层优先显示和加载，所以我将浮层定义在了前边
同时，为了让浮层位于底层之上，我设置了Z-INDEX属性
但是在调试中，依然发现底层比浮动层优先显示出来
我想问的是，有什么方法能够实现，让浮层在底层之前加载出来。