由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加載的元素頂部的繪圖元素

回答

相關問題