1. ホーム
  2. html

[解決済み] CSSでuse textを背景にする方法はありますか?

2022-03-05 04:42:10

質問

タグ内の特定の要素の背景に動的テキストを使用したい。そのため、画像(ダイナミックテキスト)を使用することができます。CSSやJavaScriptだけで行うにはどうしたらよいでしょうか?

どのように解決するのですか?

相対位置指定した要素の中に、絶対位置指定した要素を入れることができます。

#container {
   position: relative;
}

#background {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: -1;
   overflow: hidden;
}
<div id="container">
    <div id="background">
    Text to have as background
    </div>
    Normal contents
</div>

以下は その一例 .