header背景图片填充问题

Question

按老师视频讲的设置header背景图片充满父容器div，但是实际却充满了整个屏幕，看了dom层级background是在header里面，请教下是什么问题？

Answer 1

ustbhuangyi 2018-03-04 15:17:53

你的 .header 没有 position:relative 吧

• 提问者 Zoro4117241 #1

  有的，.header
        postion:relative
        color:#fff
        background :rgba(7,17,27,0.5)
        .content-wrapper
          position:relative
          padding:24px 12px 18px 24px
          font-size: 0

• 提问者 Zoro4117241 #2

  我反复看了，代码给你的写的都一样，就是背景图如果width100%，height100%，就一直全屏，但我的是2.x，是2.x有什么需要适配的吗

• ustbhuangyi 回复 提问者 Zoro4117241 #3

  肯定是布局写的有问题，你的 header 高度是多少？

点开查看后面6条评论

Answer 2

提问者 Zoro4117241 2018-03-04 16:01:03

浏览器的header，position旁边有个黄色感叹号，显示unknow property name

• ustbhuangyi #1

  呃。。你拼写错拉

Answer 3

提问者 Zoro4117241 2018-03-04 15:56:46

header样式代码

• ustbhuangyi #1

  你这 stylus 的缩进不对吧

• 提问者 Zoro4117241 回复 ustbhuangyi #2

  我position拼写错了。。我的锅，不好意思

Answer 4

提问者 Zoro4117241 2018-03-04 15:52:59

header在浏览器的高度