Javascript 如何使图像成为span'；背景

我有一个控制台图像，我想在上面放一个span元素，这样看起来就像控制台在输出文本一样。我尝试过几种不同的方法，但没有一种像我希望的那样有效。有人知道怎么做吗？

像这样吗

<div class="console">
    <span>my text is written here</span>
</div>

---

在获得任何帮助之前，您必须付出一些努力，包括一些代码。是的！谢谢，我已经有一段时间没有检查堆栈溢出了，所以我没有看到它。对不起的。

.console {width:400px;height:300px;background-image: url("https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQbF9b1wVlFVXLu-j4YvG9sb3521x09Nsbj65iBWpMA1chqM2RwsQ");background-size:cover;}
.console span {display:block;padding:70px;}