html span背景图无效,为什么css不适用于span标签和背景图片不显示？

我制作了一个标题，如图所示。制作标题时我面临两个问题。我无法将省略号添加到span标记。我使用了一个span标签。当屏幕分辨率很小时，我想添加省略号。我喜欢那样。我想在这个元素上添加省略号。为什么css不适用于span标签和背景图片不显示？

Show name

Sign out

.sign-out span {

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

width: 10%;

}

我要添加图像，如图上传的照片。由于它是演示图像，因此不能正确显示。

[！[在这里输入的形象描述] [1] [1]

这里是我的代码。

.image-background{

background-color: black;

width: 30px;

height: 25px;

text-shadow: none !important;

border: none !important;

box-shadow: none !important;

}

有没有更新？关于这张图片是不是显示？