■CSSで重なり順を指定する：z-indexの使用例

　要素の重なり順を指定するCSS（Cascading Style Sheets）プロパティ：z-indexを使用した１例を示します。
　z-index値を指定すると、値の大きいものが最上位に表示されます。

● z-indexなし、重なりなし：　3枚の画像を重なりなしで順に指定

● z-indexなし、重なりあり：　3枚の画像を50pxの重なりで順に指定

● z-indexあり、重なりあり：　3枚の画像を50pxの重なりで順に指定。z-index値は順に30、20、10

（注）写真はすべて広島広域公園（エディオンスタジアム広島）

ホーム