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。