Html 离子：图像不显示在背景图像上

我有一个页面背景图像，并试图将另一个图像放在它上面，但由于某种原因它没有显示

我的代码如下

。页面背景{
背景图像：url（'../assets/imgs/splashscreen image.png'）；
背景尺寸：封面；
位置：相对位置；
z指数：1；
}
.页面顶部img{
位置：绝对位置；
左：50px；
顶部：50px；
z指数：2；
}

---

如果此位置正确。/assets/imgs/Splash Screen Image.png则删除文件名Splash\u Screen\u Image.png中的空格或检查您的位置图像是否可用？使用相对位置和绝对位置时，请删除z索引

<ion-content padding class="page-background">
      <img src="assets/imgs/MasterCard.svg" alt="" class="page-top-img" />
    </ion-content>

    .page-background{
      background-image: url('../assets/imgs/Splash_Screen_Image.png');
      background-size: cover;
      position : relative;
    }
    .page-top-img{
      position:absolute;
      left:50px;
      top: 50px;
      width:100%; /* set your width size */
      height:100px; /* set your height size */ 
    }

.网页背景{
背景图像：url（'../assets/imgs/Splash_Screen_image.png'）；
背景尺寸：封面；
位置：相对位置；
}
.页面顶部img{
位置：绝对位置；
左：50px；
顶部：50px；
宽度：100%；/*设置宽度大小*/
高度：100px；/*设置您的高度大小*/
}

一旦你在URL中给出了路径，你是否给出了正确的路径。是的，你是正确的，路径不正确，chrome也没有给出错误