我正在尝试根据他们网站中的排行榜示例创建一个简单的流星项目。我想在每个玩家的得分旁边添加一个小图标。为此,我创建了一个名为的文件夹public
并将test.png
图像放在那里。在 css 中.player .score
我将图像添加为背景图像,而不是看起来像这样
.player .score {
background-image: url('test.png');
display: inline-block;
width: 100px;
text-align: right;
font-size: 2em;
font-weight: bold;
color: #777;
}
当我部署项目时,图像显示为空白。图片的 url 没有损坏,因为如果我使用inspect element
chrome 浏览器并转到resources
我可以看到图片已加载。