css设置背景图片全屏，如果只是将其当做一张图片显示，可以通过css控制。超大图片，引入进来即可根据大小缩放。
如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。
具体解决方法如下：
1、创建以下目录结构的测试页面。
2、将测试图片显示在浏览器界面上，效果如下。
3、通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。
4、通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。
5、通过CSS设置图片大小100%，效果如下，图片铺满窗口。
6、通过CSS设置图片大小cover，效果如下，图片铺满窗口。
高斯模糊是PS、FW图片处理工具搞的。全屏显示的方法1：使用CSS
.bg {background-image:url(scale.jpg)
-moz-background-size: 100% 100%/* Firefox 3.6 */
-o-background-size: 100% 100%/* Opera 9.5 */
-webkit-background-size: 100% 100%/* Safari 3.0 */
background-size: 100% 100%/* Firefox 4.0 and other CSS3-compliant browsers */
-moz-border-image: url(scale.jpg) 0/* Firefox 3.5 */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='scale.jpg', sizingMethod='scale')/* for <ie9 */}2：使用 IMG 标签
<img class=stock style=position: absolutetop: 0pxleft: 0pxheight: 100%width: 100%src=default.jpg补充方法3：使用 CSS3 的背景 Cover
.bg {background: #000 url(scale.jpg) no-repeat center center
-webkit-background-size: cover
-moz-background-size: cover
拉伸是可以做的,需要用到另外一个属性:css中设置背景图拉伸填充，在css2.1之前这个背景的长宽值是不能被修改的。 实际的结果是只能重复显示，可以使用repeat,repeat-x,repeat-y,no-repeat这些属性来控制背景图片的显示。所以一般用作背景图片的有2类：
1.是一整张大图，尺寸和区域大小刚好吻合
2.一个很小的条状图，通过repeat后，形成一个很规则的大图背景。
css3出现以后，可以用background-size 属性来实现背景图拉伸填充。 而且这个属性在firefox，chrome，以及ie9上都可以使用。
具体使用方法如下：
背景图尺寸（数值表示方式）：
#background-size{ background-size:200px 100px}
背景图尺寸（百分比表示方式）：
#background-size{ background-size:30% 60%}
背景图尺寸（等比扩展图片来填满元素，即cover值）：
#background-size{background-size:cover}
背景图尺寸（等比缩小图片来适应元素的尺寸，即contain值）：
#background-size{ background-size:contain}
背景图尺寸（以图片自身大小来填充元素，即auto值）：
#background-size{ background-size:auto}
