在js加载的元素顶部绘制元素

Question

新手在这里！

我下载并使用了我的投资组合网站的模板。 在尝试调整它时，我决定绘制一个与其下方的元素重叠的元素。我尝试了几件事，比如改变元素的z-indices和他们的孩子就像这样

.bottom-element, .bottom-element * {
  z-index: 1;
}

.top-element, .top-element * {
  z-index: 2;
}

我认为真正的问题与模板中包含的javascript文件有关。我想要重叠的顶部元素是svg路径，它充当内容div的花哨边框，而我想要重叠的部分是由js (image of the problem area)控制的花哨画廊。我猜这些脚本在初始html / css文件完成后运行并加载图像？ （不太了解它！）

有没有办法让svg画在画廊缩略图上？或者它太复杂了我不应该打扰？

Answer 1

z-index仅适用于定位元素（位置：绝对，位置：相对或位置：固定），因此请确保首先使用该元素。

通常你添加亲戚，因为除非你给它位置值，否则它实际上不会改变它的位置。