html - 为什么图像(在 CSS 中)没有出现在我的 HTML 中?

标签 html css

我正在学习教程以提高我的技能。所以我不太了解 CSS 和 HTML。 我的问题是教程中显示了以下内容,并且英雄图像需要出现在网站上。但事实并非如此。

有人对我应该尝试做什么提出建议吗?

这是我的 CSS 文件中的部分:

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

谢谢

最佳答案

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

如果您尝试使用的图像托管在您正在学习的教程中,那么您需要提供绝对路径(包括 http://https://) 否则您的代码正在寻找与您的服务器中的文件相关的图像。

关于html - 为什么图像(在 CSS 中)没有出现在我的 HTML 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37845060/

相关文章:

javascript - 简单的 jQuery 函数调用不起作用

html - 列表项从框的中间开始

javascript - 使用 JavaScript 覆盖样式

css - WordPress 悬停下拉菜单

html - HTML 中单词之间的尴尬间距

html - 手机背景图片与文字不对齐

javascript - CSS float 菜单

jquery - Bootstrap 3.3.5 禁用产品轮播中的上一个下一个按钮

javascript - 使用 CSS 将表格转换为 div,无需 tbody

javascript - 如果没有第二个 div,如何为第一个 div 设置 css