背景图像在标题上没有响应答案

【问题标题】：background-image is not responding on the header背景图像在标题上没有响应
【发布时间】：2016-08-09 11:32:40
【问题描述】：

我已经尝试了所有方法，但标题的背景图像没有显示在浏览器中

在请求标头中我得到了这个显示临时标题用户代理：Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2825.0 Safari/537.36

//Parallax
 .bird-box {
  position: relative;
  height: 600px;
  background-image: url(../images/bird-bg.jpg);
  background-size: contain;
  background-position: top center;
}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>BlackBird Co.</title>
  <meta name="description" content="">
  <meta name="author" content="">
  <meta name="viewport" content="width=device-width, initial-      scale=1">
  <link rel="icon" type="image/png" href="images/favicon.png">
</head>

<body>
  <link rel="stylesheet" href="css/style.css">
  <header class="bird-box">
    <div class="back-bird"></div>
    <div class="logo"></div>
    <div class="fore-bird"></div>
  </header>

</body>

</html>

【问题讨论】：

你能分享一个工作小提琴或代码sn-p吗？而你在<body> 标签中添加了style.css，它应该在<head> 标签中
欢迎来到 StackOverflow！请提供您尝试的Minimal, Complete, and Verifiable example（例如Stack Snippet），以便我们可以尝试解决您的问题并解释您自己的尝试失败的原因 - 这样您就可以学到对您未来发展有用的东西，以及获得这个问题的答案。
你有网址吗？
可能是 .JPG 而不是 .jpg -> 我有时也会遇到同样的问题 ;)
是的，我有正确的图片路径@ac.freelancer

标签： html css dom

【解决方案1】：

CSS 注释语法为/* comment here */。它不支持行 cmets。

这个：

//Parallax .bird-box

... 是与您的元素不匹配的无效选择器。

将注释更改为有效的 CSS。

【讨论】：

感谢问题是我我值得-2

【解决方案2】：

您使用了错误的 CSS 注释语法！正确的是/* comment */。不幸的是，CSS 中没有一行 cmets。你可以在MDN阅读更多关于它的信息。

/* Parallax */
 .bird-box {
  position: relative;
  height: 600px;
  background-image: url(https://unsplash.it/600/300);
  background-size: contain;
  background-position: top center;
}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>BlackBird Co.</title>
  <meta name="description" content="">
  <meta name="author" content="">
  <meta name="viewport" content="width=device-width, initial-      scale=1">
  <link rel="icon" type="image/png" href="images/favicon.png">
</head>

<body>
  <link rel="stylesheet" href="css/style.css">
  <header class="bird-box">
    <div class="back-bird"></div>
    <div class="logo"></div>
    <div class="fore-bird"></div>
  </header>

</body>

</html>

【讨论】：