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>