Stretch to fit background в CSS

Question

Я пытаюсь растянуть изображение в соответствии с ENTIRE background, пока я пробовал этот код, но он просто повторяется вертикально, что я не хочу.

body { 
    margin: 0; 
    border: 0; 
    background-image: url(/images/bg.jpg); 
    background-size: cover; 
    background-position: center; 
} 

Answer 1

Попробуйте использовать

background-image: url("/images/bg.jpg"); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: center; 
background-size: cover; 

, которые могут быть сокращены до

background: url("/images/bg.jpg") no-repeat fixed center; 
background-size: cover; 

Answer 2

Используйте это, а также обратно обязательно заключите путь в кавычки '':

background-repeat: no-repeat

Для дальнейшего использования, вы можете объединить большинство свойств фона, как так:

Модель:

background: <background-color> | <background-image> | <background-repeat> | <background-attachment> | <background-position> 

Ваш CSS:

body { 
    margin: 0; 
    border: 0; 
    background-size: cover; 
    background: url('/images/bg.jpg') no-repeat fixed center; 
} 

Подробнее: http://www.htmlgoodies.com/beyond/css/article.php/3868361