你根据距离调整数字 最严格的，还要给层分层次那个层在最底下数字越小那就后面加zindex如ltdiv style=quotpositionabsolute top88px left88px zindex8quotltimg src=88pngltdiv。

1首先素材准备，基本框架的建立这里让一个有字的图片从左到右运动起来2将图片素材引入网页，定义canvas标签，获取canvas的上下文定义一个画图片的函数，使用canavs绘图API里面的drawImage来完成3写一个更新的函数。

ltdiv class=quotimgboxquot ltimg src=quotquotltimg src=quotquotltdiv代码如上所示，图片默认是竖直排列，你想要的应该是水平横排列，只需要在css中添加如下样式 imgboxoverflowhiddenimgbox imgfloatleft其中第一个。

请问html5 上传两张图放到canvas上显示，叠加 一张是蒙版图片，怎么实现蒙版的效果 50 #xE768 我来答 分享 新浪微博 空间 举报 可选中1个或多个下面的关键词，搜索相关资料也可直接点“搜索资料”搜索整个问题 html5 canvas。

当然可以这样做，写一个盒子div固定宽高，添加背景图片然后在这个div里面再写一个div和外围的div等宽高，样式加一个positionabsolute属性，绝对定位来使两个div重叠，然后给它设置背景图片backgroundurl1。

这不叫重叠，这叫平铺 ，设置背景norepeat 就不平铺了。

具体步骤如下1在同一个div里，先书写一段代码，如下图所示，在这个代码中给dive设置宽度和高度，这时为了让文字有一个具体的范围2找到background，如下图示，在background的后面添加上图片作为这个的背景图案3。