使用HTML个字符作为背景

Question

我已经关注 this answer to get this html character 作为背景图片。它效果很好但不能作为背景，HTML 字符位于文本之上。我已经尝试了几种可能性，但我认为有些事情是我所不知道的。

.number {position: relative;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: red;
}
.number::after {
    content: "17"; 
    color: blue; 
    margin-left: -1em; 
    font-size:30px;
}

<div class="number">
90
</div>

Answer 1

使用 z-index 属性:

.background {
  position: absolute;
  z-index: -9999;
}

使用HTML个字符作为背景

Use HTML character as a background

html

css

background