この記事は MOSH Advent Calendar 2025 の15日目の記事です。 MOSH には Page Builder というノーコードでランディングページを構築できるプロダクトがあります。この記事では Page Builder の開発を通じて私が学んだことの中から、多数の要素の重ね合わせ順序をシンプルに構成する方法を紹介します。[1] ヘッダと左右のサイドバーは固定して常に最前面に,プレビュー上にはハイライトや編集メニューを配置 要素の重ね合わせはフロントエンド開発でしばしば厄介な問題を引き起こします。重ね合わせ順序を調整する手段として最もよく知られているのは恐らく z-index の値を設定することではないでしょうか。 しかし、その作業は煩雑になりがちです。いくら値を大きくしても上に表示されない、どの要素にどんな値が設定されているのかパッと見よく分からない、適切な値が分からな