由js加载的元素顶部的绘图元素

我下载并使用了我的投资组合网站的模板。虽然试图调整它，但我决定绘制一个与它下面的元素重叠的元素。我试了好东西，比如改变元素及其子女的z指数像这样

.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平局？或者它太复杂，我不应该打扰？

来源

2017-04-06 Dawn Blair

欢迎的StackOverflow，你的问题应该包含[最小的，完整的和可验证的示例]（http://stackoverflow.com/help/mcve）。 – hungerstar

如果我们可以看到更多示例，那将会更容易帮助您。你可能想要定位你的图像，并使用'top'属性来移动它们。你很可能想'绝对'或'相对'看看这个：https://codemyviews.com/blog/the-lowdown-on-absolute-vs-relative-positioning。如果它不是它可能不值得打扰... – sn3ll

的z-index只适用于定位元素（位置：绝对的，位置：相对或立场：固定的），所以一定要确保你有第一次。

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

来源

2017-04-06 18:20:05 StefanBob

由js加载的元素顶部的绘图元素

回答

相关问题