全屏幕背景

我想要我的背景图像在浏览器窗口中完全填充。我试过css全屏幕背景

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

但它没有覆盖整个屏幕。

来源

2013-04-11 Rahul Naidu

我使用backstretch.js来适应窗口大小的背景。很显然，这是jquery，但从我的经验来看，这非常可靠。

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

来源

2013-04-11 13:15:06 evilscary

创建img标签的ID和以下格式化

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

来源

2013-04-11 13:15:54

的CSS：

背景：网址（yourImage）固定不重复中心中心; background-size：cover;

修复and.stretch图片

来源

2013-04-11 13:16:09 Guggly

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

来源

2013-04-11 13:16:10

如果你想跨浏览器包括IE试试这个方法：

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

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

哪也在csstricks中提到：

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

来源

2013-04-11 13:28:25 Riskbreaker

回答

相关问题