Javascript html2canvas z指数不起作用

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

我对z-index有一个问题。正如你们在图片上看到的，我有盒子。在一个框内，我有一个用于背景着色的div（

z-index:0

），它随着高度值的增加而增加，还有一个用于数字的div（

z-index:1

）。和往常一样，它可以在浏览器上正常工作，但当我尝试拍摄图像时，它似乎不起作用

浏览器上的正常设置：

图像版本问题：

---

如果有任何帮助，我将不胜感激。

您是否已检查此项：要使z索引正常工作，每个有一个索引的元素也必须有一个位置集（例如位置：相对）…

尝试以下步骤，看看其中一个是否适用于您：

尝试为不同的div设置高z索引值。示例：

.div1{z-index:1}.div2{z-index:10000）

试着给你定义的每个div定义一个z索引，给他定义一个位置

尝试将具有最大z索引值的div放置在绝对/固定位置

---

我也遇到了同样的问题。我发现html2canvas忽略了z-index，在将div绘制到img时只遵循div的顺序。例如

<div id=1 zIndex=2></div>
<div id=2 zIndex=3></div>
<div id=3 zIndex=1></div>

如果所有这些div都是重叠的，那么divid2会出现在网页中，然后是divid1和divid3，因为它关心zIndex

html2canvas只关心div的顺序，忽略zIndex，这意味着divid1向前，divid2在divid1后面，divid3在div2后面。我测试了多次

---

我希望这会有帮助。

谢谢你的回答，但我认为这不是关于css的。它在浏览器上已经可以正常工作了。我正在使用html2png将div转换为图像。当我转换它时，问题就出现了。@erenesto可能是关于css的，因为你需要理解html2canvas库可以用与br不同的方式解释cssowsers有，就像你对你使用的浏览器有不同的css说明一样。我已经因为这个库有问题了。我知道，但我已经有了这些东西。我的第二个div z-index是9999，每个元素都有位置和z-index。这与css无关。