概要

Z-indexは、 同じページ上の他の既存要素と比較した要素。 より大きなスタック順序のエレメントは、より低いスタック順序のエレメントの前に来ます。

場合によっては、たとえば、ユーザーがアクセスする必要があるメニューをバルーンがブロックしている場合など、スタック順序を変更したい場合があります。 この記事ではその方法を説明します！

エレメントのレイヤー順序を変更する手順（Z-Index）

1. アイテムを開きます
2. 「動作」タブで、レイヤーを整理（z-index）を有効にします
   
3. zインデックス設定の下、または画面の右上隅にあるページで編集をクリックします
   
   
   注

   アイテムが添付されている要素が現在開いているページに存在しない場合、ボタンは無効になります。

4. 「前方へ」（要素が別のウェブサイト要素で非表示になっている場合）または「後方へ」（要素が別の要素をブロックしている場合）を選択します
5. [Select on-screen Element]をクリックします
6. アイテムに干渉している画面上の要素をクリックします
   • これを行うと、「Define z-index value manually」セクションのz-index値が変更されます

Z-Indexプロのヒント

• z-indexを手動で変更することもできます：
  • ページ上で編集画面の[z-indexの値を手動で定義]に値を入力することによって
  • 「動作」タブの「z-indexを手動で設定」に値を入力することによって
• z-indexプロパティは、番号値（正、ゼロ、負）で設定することができます。 レイヤーは数字が大きい順に表示されます。
• z-indexプロパティが指定されていない場合、要素はデフォルトで0（ゼロ）に設定されます
• z-indexプロパティが最も高い要素は最上位のレイヤーとして表示され、z-indexプロパティが最も低い要素は最下位のレイヤーとして表示されます
• 2025年11月24日以降に作成されるシステムでは、動的z-indexオプションが利用できます
  • 選択すると、WalkMeはユーザーがいるページに基づいてユーザーに最適なz-indexを計算します
    

技術的なノート

• Dウェブサイトの構造によっては、z-indexを変更しても目的の効果が得られない場合があります。 この場合、z-indexに加えて、要素にロック設定を使用することを推奨します。
• Salesforce Lightningはレイヤー順序の配置（z-index）をサポートしていません。 代わりに、z-index値を手動で調整するか、要素にロックを使用できます。

• z-indexは、スマートウォークスルー、スマートチップ、ランチャーで利用できます