Фон на весь экран

Question

Я хочу, чтобы мое фоновое изображение полностью отображалось в окне браузера. Я пробовал css

body {background:url(bg.jpg) fixed no-repeat 100%} 

но не охватывало весь экран.

Answer 1

Я использую backstretch.js для соответствия фону размеру окна. Очевидно, это jQuery, но он очень надежен по моему опыту.

http://srobbin.com/jquery-plugins/backstretch/

Answer 2

создать идентификатор для тега IMG и последующее форматирование

#background { 
position: absolute; 
left: 0%; 
top: 0%; 
width: 100%; 
height: 100%; 
z-index: 1; 
} 

Answer 3

CSS-:

фон: URL (yourImage) не повторять центр фиксированного центра; размер фона: обложка;

затруднительное and.stretch картина

Answer 4

css: 
background-size: cover; 

является то, что вы ищете я думаю. для кросс borswer поддержки попробуйте следующее: CSS:

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

Источник: css tricks full page background

Answer 5

Если вы хотите кросс-браузер, включая IE попробовать этот метод:

 theWindow.resize(function() { 
      resizeBg(); 
     }).trigger("resize"); 

http://jsfiddle.net/Riskbreaker/A5ZNy/

Какие также упоминается в csstricks:

http://css-tricks.com/examples/FullPageBackgroundImage/jquery.php