Html 背景图像不显示图像-但<；img标记正在显示具有相同URL路径的图像

我使用backgroundimage:url（“image”）在我的HTML页面中包含一些图标。但是，将显示一个空白，而图像不在其中。我正在使用一个空标签。当我使用标记时，图像显示成功。你能告诉我我做错了什么吗？这是我的密码：

#冒险图标{
背景图片：url（“../icons/Kayak01.png”）；
宽度：50px；
高度：50px；
z指数：1；
颜色：红色；
背景重复：无重复；
}

如果路径正确，可以将显示块添加到类中，它将以正确的高度和宽度显示：

#冒险图标{
背景：url（“https://www.rei.com/content/dam/images/Expert%20Advice/Migration/HeroImages/Van_Dragt_092217_1030_kayaking_basics_lg.jpg");
宽度：50px；
高度：50px；
z指数：1；
颜色：红色；
背景重复：无重复；
显示：块；
}
#冒险2{
背景：url（“https://www.rei.com/content/dam/images/Expert%20Advice/Migration/HeroImages/Van_Dragt_092217_1030_kayaking_basics_lg.jpg");
宽度：50px；
高度：50px；
z指数：1；
颜色：红色；
背景重复：无重复；
}

是否尝试添加背景大小属性。可能是您的图像太大，无法识别。请将您正在进行此操作的站点的链接发送给我们。或者开发工具的屏幕截图？通过检查，我发现您正在访问不存在的图像。我认为你是不存在的访问，或者路径是错误的。请记住，在CSS中，URL将与外部CSS文档相关。而

标记的URL将与HTML文档相关。否决投票：为什么没有它它不工作，而它有？？他的路径是本地的，所以我不能使用它，但是代码片段清楚地显示了路径是否正确，这将起作用。我没有注意到这一部分，但是

是一个内联元素，所以它确实忽略了宽度/高度的定义。是的，我不确定他为什么要把一个图像放进通常只是用来斜体的文本中，但这会让它显示出来。哈哈，我最近看到这种情况越来越多<代码>变得通俗——显然是为了“图标”或类似的意思。