z-index で画像に文字を重ねる

スタイルシート部分は外部ファイル（sample.css）または、本文headerに記述。

p.bbbb {
color: #000000; background-color: #99cc00;
position: relative; top: 50px; z-index: 2;
}
img.aaaa {
position: relative; top: -50px; z-index: 1;
}

HTMLソース

<p class="bbbb">本日は晴天なり</p>
<p><img src="../../sample-image/1.jpg" class="aaaa"> </p>

</body>
</html>

■使用例

スタイルシート部分は外部ファイル（sample.css）または、本文headerに記述。

HTMLソース