VUE 图片上显示文字

这个代码我试了，内容还是没加在图片上，反而在图片的下方，请问我这是什么情况

/

<div :class="{hasTagsView:needTagsView}" class="main-container">
      <el-image
        style="width: 100%; height: 50px"
        :src="require('@/assets/images/top-logo.png')"
        @load="loadImage"></el-image>
      <div v-show="testShow">
        <p>
          <span style="font-family:'应用字体 Regular', '应用字体';">gdhgfhdghg！</span>
        </p>
        <p>
          <span style="font-family:'应用字体 Regular', '应用字体';">gfcdghfhdttgh！</span>
        </p>
      </div>
 </div>

data(){
    return{
      testShow:false
    }
  },
methods: {
    loadImage(e){
      console.log(e);
      this.testShow = true;
    }
  }

用position去控制

把样式代码也贴一下

你这是两个标签呀，如果想图片在文字的下方，可以设置背景图片呀

   background-image: url(~@/assets/img_login_bg.jpg);