中年おっちゃんでも出来た ウェブページ作成講座 with ? mark

z-indexプロパティは、positionプロパティで位置決めされた要素が重なる場合の表示順序を指定します。positionプロパティで位置決めされた要素は、位置決めされていない要素の上に表示されなす。

IFRAME要素内のHTML記述

<p style="<position : fixed ;
top: 40px ;
z-index: 2 ; ">
" z-index:2; " で指定してあります</p>
<p>スクロースをして重なりを確認して下さい。</p>
<p>この行は移動していません</p>
<p style="<position : relative ;
z-index: 1 ; ">
" z-index:1; " で指定してあります</p>
<p>この行は移動していません</p>
<p style="<position : relative ;
z-index: 3 ; ">
z-index:3; " で指定してあります</p>
<p>この行は移動していません</p>

表示例