克隆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。