没有显示在倒栽跳水的背景图象

Question

CSS背景图片未显示。继承我标题部分的手写笔文件：

.header {
  height 50vh
  border-bottom 5px solid #34495E
  background url(img/head.png) no-repeat center center fixed
  background-size cover
}
.nav {
  display flex
  align-items center
  justify-content flex-end
  padding 1em
  background rgba(0,0,0,0.5)
  position fixed
  top 0
  left 0
  width 100%
  z-index 5
}
.nav-item {
  list-style none
  display inline
  padding 1em
}
a {
  text-decoration none
  color #ececec
  transition 1s
  padding-right 1em
}
a:hover {
  color darken(#ececec, 25%)
  text-decoration underline
}
.space {
  content " "
  height 3.0625em
}

这就是它的样子：

这是作为标题背景的图像（其中包含Darcey Mckelvey的白色部分）：

Answer 1

删除标题类的高度。

   .header {
   border-bottom: 5px solid #34495E;
   background: url('img/head.png') no-repeat center center fixed;
   background-size: cover;
   }

Answer 2

您是否尝试在.header中添加宽度？说：

.header{
    width:100%
}