为什么图像（在CSS中）不出现在我的HTML？

Question

我正在按照教程来提高我的技能。所以我对CSS和HTML没有太大的了解。 我的问题是，教程中显示以下内容，英雄图片需要出现在网站上。但事实并非如此。

任何人都有我应该尝试去做的建议吗？

这里是我的CSS文件中的位：

#hero-image { 
height: 580px; 
padding-top: 1px; 
background: #e8eced url('../images/hero.jpg') no-repeat center; 

}

谢谢

Answer 1

右键单击该元素并选择检查。在样式上，右键单击图像链接并在新选项卡中打开它。它应该告诉你它正在使用的URL并仔细检查路径是否正确。

如果你想使用的图片托管在你以下，那么你需要提供一个绝对路径教程（包括http://或https://），否则你的代码是寻找相对你的文件的图像这是在你的服务器上。