Question

我想在离子移动设备的背景图片上添加一些文字。我已使用此代码示例添加背景图像。

<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>

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

1 个答案: