如何使图像成为跨度的背景

Question

我有一个控制台图像，我想在它上面放一个span元素，以便它看起来像控制台放出文本。我尝试了几种不同的方法，但没有一种方法像我希望的那样工作。有谁知道怎么做？

Answer 1

喜欢这个吗？

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

CSS：

.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;}