1最简单方法使用css30新增的一个属性backgroundsize，代码如图IE8以下不支持2打开浏览器查看效果如下3使用css代码如图支持IE9+，IE 78 平铺效果支持，但是在小于1024px的屏幕下居中效果失效4然后打开浏览器效果如图所示5之后使用jQuery模拟的方法css代码如图6然后jquer。

这时可以拐个弯，设置两层div，底层div当做背景使用，放置一张图片即可ltdiv id=quotbackgroundquot style=quotpositionabsolutezindex1width100%height100%top0pxleft0pxquotltimg src=quot1jpgquot width=quot100%quot height=quot100%quotltdiv 网页背景图片默认情况下是重复平铺满整个页面上面。

Attachment 背景图位置，fix为背景图位置固定不变，scroll为背景图随页面一同滚动 Horizontal 为固定背景图时图在水平方向所居的位置，可以选择居中，居左，居右或自己设定距左的距离Vertical 为固定背景图时图在竖直方向所居的位置，可以选择居中，居顶部，居底部或自己设定距顶的距离注意带。

使用纯CSS即可实现你要的效果，图片会根据窗口大小自动调整为全屏大小，代码如下lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quotltstylehtml，body height100%body margin0 padding0a img borderbgimg positionabsolute top0 left0 width100% height。

在电脑和手机上全屏显示HTML5网页的步骤如下1打开HTML5网页代码2在网页头部添加新代码，使网页宽度适应设备宽度代码如下3输入代码后，将包括图片DIV在内的图片宽度设置为100%如何弄可以让手机打开网页的时候可以全屏显示你要知道电脑屏幕的分辨率，或手机屏幕的分辨率才可以设置成全屏显示如。

backgroundurlxxjpg 这一句就是让图片铺满全屏的呀，如果你是加了 norepeat的话，就不会铺满全屏了，再一个，你也可以写上一句backgroundsize100% 100%，就是让图片百分百显示，不过这样会对图片有拉伸，而且不兼容ie低版本的浏览器。

将背景图写在body下试试，或者定义一个父级的div背景图放在这个下面，后面的div都写在这个父级的下面。

1出现白边是因为浏览器的内或者外边距默认值不为0你需要在head标签里加上ltstyle type=quottextcssquot margin 0padding 0 ltstyle 用以重置浏览器的内外边距默认值，将默认值改为02至于图片模糊，应该是你加载的图片分辨率不够，或者你加载图片的元素和图片宽高比差距较大。

你需要利用背景background这个属性，不要利用src来插入一张图，然后在background这个属性插入后用repeat，也就是平铺的意思就行了。

加入如下 CSSbody backgroundimage urlquot背景图片如果跟CSS不在同一路径下，记得改相对或绝对路径jpgquot backgroundsize cover backgroundrepeat norepeat backgroundattachment fixed。

图片模糊很正常，因为你拉伸了图片而且还有可能改变了纵横比产生变形而且，你这种方法也不是背景图，而是插入图片白边是因为body默认的内外补丁的关系，可以加一个样式解决 ltstyle html， body margin0 padding0 ltstyle。

首先~还是给body设置背景~然后再body里面加一个层~~把这个层定义成你想要的“body”的大小 ~其实页面你能看到的地方都是在body里的 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml。

norepeat这个换成repeat看你图片大小，如果图片很小，想铺满全屏就是多个小图拼起来的背景。

集显控制面板里有个缩放全屏，还不懂可以找我。

html背景图片全屏显示代码 50 当用dw设计页面属性的时候添加背景图片，如何让一张图片全屏显示而不是要重复那种有的请贴代码，谢谢！貌似都不行 当用dw设计页面属性的时候添加背景图片，如何让一张图片全屏显示而不是要重复那种有的请贴代码，谢谢！貌似都不行 展开 #xE768 我来答 4个。