jsによってロードされる要素の上に描画要素

Question

初心者はここ！

私のポートフォリオサイト用のテンプレートをダウンロードして使用しました。 それを調整しようとしている間に、私はそれのすぐ下に1つの要素を重ねて描きたいと決めました。私はそのような私は、本当の問題は、テンプレートに含まれていたJavaScriptファイルに関係していると思う要素とそう

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

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

のような子供たちのzインデックスを変更するなど、いくつかのことを、試してみました。オーバーラップをしたいトップ要素は、コンテンツdivのファンシーな境界線として機能するsvgパスで、重複したい部分は、js (image of the problem area)によって制御される空想的なギャラリーです。私は、スクリプトが実行され、最初のhtml/cssファイルが完了した後にイメージをロードすると推測していますか？ （これについて詳しく知りません）

ギャラリーのサムネイルにsvgを描画する方法はありますか？またはそれは複雑すぎると私は気にしないでください？

Answer 1

z-indexは、位置指定された要素（位置：絶対、位置：相対、または位置：固定）上でのみ機能します。

通常、相対値は、位置の値を指定しない限り、実際にはその位置を変更しないため、追加します。