在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 仅适用于定位元素（position:absolute、position:relative 或 position:fixed），因此请确保您首先拥有它。

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

在js加载的元素之上绘制元素

Drawing elements on top of elements loaded by js

html

javascript

css

svg

z-index