【问题标题】:background-image path css背景图像路径 css
【发布时间】:2020-05-15 07:29:49
【问题描述】:

我无法在我的网站上放置背景图片。

这是谷歌地图。 所以然后我放了一个背景色(在它后面):红色;只是为了向您展示发生了什么:

section.middle{
background-color: red;

}

但是当我放置背景图像时,它并没有正确显示:

section.middle{
background-image: url(/public/css/img/gymbackgroundhome.jpg);

}

这是我的工作区:

谢谢!

【问题讨论】:

  • 首先,你需要在课堂上引用middle,像这样:<section class="middle">
  • 糟糕!我忘记了。顺便说一句,它没有改变任何效果。感谢您的帮助。
  • 控制台有错误吗?
  • 无。感谢您提供帮助。
  • 图片尺寸是多少?你试过background-size?

标签: css url path background background-image


【解决方案1】:

css 中的url() 值必须在引号之间:

section.middle{
    background-image: url("/public/css/img/gymbackgroundhome.jpg");
}

【讨论】:

  • 不是我。我将对此投赞成票和中立票。感谢您尝试提供帮助,但它没有做任何更改。
  • @DanielCassianoChaves 这不是为你准备的 ;) 根据加载此样式的 html 文件确定图像的路径吗?
  • 调试的好方法是尝试使用有效的图像路径:background-image: url("https://www.google.fr/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png");
  • @DanielCassianoChaves 很好,我们发现了问题;)很高兴upvote 这个答案告诉下一位读者这里有一个反思;)
  • @DanielCassianoChaves 没问题;)你也可以upvote吗? :)