首页 > 解决方案 > html2canvas z-index 无效

问题描述

我正在使用 html2canvas 库将 div 转换为 png。

我有一个关于z-index. 正如你在图片上看到的,我有盒子。在一个盒子里,我有一个用于背景颜色的 div ( z-index: 0),它随着高度值的增长而增长,还有一个用于数字 ( z-index: 1) 的 div。它像往常一样在浏览器上运行良好,但是当我尝试拍摄图像时,它似乎z-index不起作用。

在浏览器上正常: 在此处输入图像描述

图像版本问题: 在此处输入图像描述

任何帮助,我将不胜感激。

标签: javascripthtmlcsshtml2canvas

解决方案


我必须添加position:"relative"到与我的图像相同级别的每个元素。此图像说明了 Position relative 的前后。


推荐阅读