Bootstrap全屏幕标题

Question

我一直试图在header标记中获得全屏background，但由于某种原因它不显示？

代码

header { 
 
    position: relative; 
 
    width: 100%; 
 
    min-height: auto; 
 
    text-align: center; 
 
    color: #fff; 
 
    background-image: url(../img/header.jpg); 
 
    background-position: center; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    background-size: cover; 
 
    -o-background-size: cover; 
 
}

<header></header>

Answer 1

你缺少在headerheight:100%但即便如此，也无法显示，因为这的body一个孩子，html你需要给height:100%和width:100%到父母（body/html）

body, 
 
html { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0; 
 
} 
 
header { 
 
    position: relative; 
 
    width: 100%; 
 
    min-height: auto; 
 
    height: 100%; 
 
    text-align: center; 
 
    color: #fff; 
 
    background-image: url(//lorempixel.com/500/500); 
 
    background-position: center; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    background-size: cover; 
 
    -o-background-size: cover; 
 
}

<header></header>