javascript - h1タグの中身をクローンして背景として表示

Question

タグの内容を複製しh1て、div の背景として表示しようとしていました。

それはできますか？

私が試したこと：

<script>
    $( "h1" ).clone().prependTo( ".h1Back" );
</script>

<div class="h1Back">

</div>

しかし、それが機能した場合、フォアグラウンドにあると思います。

Answer 1

「div の背景に」テキストを配置することはできませんが、z-index を使用して別の div の背景に div を配置できます。これは、単純化された例でどのように機能するかです。

<div id="back" style="z-index: 1;"></div>
<div id="fore" style="z-index: 2;">Whatever you want in the foreground</div>

そしてjQueryの部分：

$('#back').html( $('h1').html() );

h1 から html を取得し、コンテンツとして背景 div に配置します。