javascript - 如何在背景图片上添加文字

Question

我想在我的 ionic 手机的背景图像上添加一些文本。我已使用此代码示例来添加背景图像。

<ion-content >
    <div  class="hero slide-up" style="background-image: url('img/vegi.jpg');">    
    </div>
</ion-content>

Answer 1

只需在 div 内写入文本...如果您想要对文本进行更多控制，可以将其包装在 p 或 span 内标签，然后将其放置在您喜欢的位置。

<ion-content >
        <div  class="hero slide-up" style="background-image: url('img/vegi.jpg');">
             <span>my text goes here</span>
        </div>
</ion-content>