背景圖片不適合整個瀏覽器的寬度？

Question

這是我的代碼：

#content{ 
background-image: url('../images/hero.jpg'); 
background-size:  cover;     
background-repeat: no-repeat; 
width:100%; 
height: 550px; 
} 

爲什麼它不適合用100％的寬度，並與蓋屏幕？

Answer 1

您在#content上設置了100％的寬度，而不是在背景上。試試這個：

#content { 
background: url('/images/bg.png') no-repeat center center fixed; 

-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
}