1、让页面以不同的分辨率全屏显示完整的代码如下！DOCTYPEhtmlPUBLICW3CDTDXHTML10TransitionalDTDxhtml1transitionaldtd 内容类型charset=utf8 填充10px headmarginbottom10px高度50px背景色# main leftwidth200px浮动左。

2、你可以参考我下面的代码，不过需要说明，backgroundsize是一个css3属性通常的处理方法是在body内放一个img标签，将这个img调整到合适的位置，并通过position和zindex当做背景图使用body backgroundimageurlimagesbackgroundpng backgroundsize100% 100% backgroundrepeatnorepeat sunken24。

3、一打开Dreamweaver，然后选中html，出来了一个html标准文档二在标签里添加文件路径，语法如下这时，页面虽然充满了背景，但可以看出背景图片被填充zhidao了多次三在里添加样式，代码如下style=quotbackgroundrepeatnorepeatbackgroundsize100%100%？backgroundattachmentfixedquot？你看，背景。

4、你好，使图片全屏显示可以有两种方式，各有区别第一种使用这种写法图片会自动根据屏幕宽度自适应第二种使用css的backgroundurl11jpgcentercenternorepeat这种写法，图片如果浏览器宽度小于图片本身宽度则会显示部分图片，超出的部分并不会显示。

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

6、这时可以拐个弯，设置两层div，底层div当做背景使用，放置一张图片即可 网页背景图片默认情况下是重复平铺满整个页面上面1方法是要求图片不重复，但又得占满浏览器所采用的方法。

7、网页背景图片用css实现全屏显示，首先需要的做的就是明确那个图片要加在那个元素上，将body上，就能实现全屏，因为body是包括浏览器的可见部分，提交一段代码 body backgroundurl#39图片地址#39repeat 0px 0px 这样就能实现满屏，不过图片尺寸不够的话，会出现重复的。

8、根据百度经验资料显示html让一张背景图片铺满的步骤如下1添加样式 打开代码编辑器，为body标签添加一个样式2添加背景图片为bg样式添加一个背景图片3添加背景全屏样式 在样式里添加backgroundsize 100% 100%的样式即可。

9、100% height100%bodywidth100% height100% background url1jpg norepeat backgroundsizecover *这里设置了背景图片为覆盖，以填满整个容器*。

10、将背景图片放在body里，定义body背景图片代码如下 body background url1jpg norepeatbackgroundsize 100% auto*这里是关键* 上面的100%即全屏显示背景图auto是背景图片高度自适应，保证了背景图等比例缩放不变型注意背景图片最好设的大一些，保证不同屏幕分辨率都能显示清晰。

11、在body里面设背景，body backgroundurl图片地址 0 0 repeat 但是图片会向X，Y两边拉伸，如果图片尺寸较小会很补美观推荐方案1背景图片的尺寸做的尽量大一点 2背景图片的外面可以做成渐变到某个色系，然后body设置背景色 body background#000 url图片地址 0 0 repeat。

12、8然后，插入js代码用script标签引用js文件，src表示js文件的路径，9控制图片显示的代码，都已放在相应的css样式和js代码中了，这里就不再赘述了10最后，用script标签引用一个函数，实现将图片设置为全屏的背景11在网页文件上右击，选择在浏览器中查看选项12看到图片在网页中，作为背景。

13、Background 背景色 Background Image 选取你的背景图 Reapeat 背景图是否重复，其中选norepeat为不重复，repeat为重复，repeatx和repeaty分别为只在X和Y方向重复Attachment 背景图位置，fix为背景图位置固定不变，scroll为背景图随页面一同滚动 Horizontal 为固定背景图时图在水平方向所。

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

15、jsp让图片实现全屏的方式如下代码所示lttemplatelttemplateexport default name quotHelloWorldquot，data return hello background urlquotstaticimagicsyjpgquot norepeatheight 100%width 100%backgroundsize cover全屏展示 background urlquot。

16、lt！doctype html无标题文档htmlwidth100% height100%bodywidth100% height100% background url1jpg norepeat backgroundsizecover *这里设置了背景图片为覆盖，以填满整个容器*。