1最简单方法使用css30新增的一个属性backgroundsize，代码如图IE8以下不支持2打开浏览器查看效果如下3使用css代码如图支持IE9+，IE 78 平铺效果支持，但是在小于1024px的屏幕下居中效果失效4然后；100% height100% background url1jpg norepeat backgroundsizecover *这里设置了背景图片为覆盖，以填满整个容器*；forvar i=0iltingListlengthi++ ingListionclick=function =quotfixedquot=quot800pxquot=quot200pxquot 这只是图片放大你说的左右移动的那种，要俩个。

首先~还是给body设置背景~然后再body里面加一个层~~把这个层定义成你想要的“body”的大小 ~其实页面你能看到的地方都是在body里的 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalEN；1使用css中的flaot属性就可以了，首先打开Dreamweaver，创建html文件2然后先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，最后打开浏览器3打开浏览器；步骤一首先打开需要修改的HTML文件步骤二然后始化样式，将代码添加在标签内步骤三添加一个p容器，然后命名为bgbox步骤四背景全屏需要容器全屏，将bgbox的样式补全步骤五设置完毕，图片背景以及全屏了我用；的css代码1横向铺满，纵向留有空隙或超出屏幕body backgroundurl图片路径 norepeat center backgroundsize100% auto2纵向铺满，横向留有空隙或超出屏幕body backgroundurl图片路径 norepeat。

在要用时选取那段文字，再在CSS面板上点一下“bgstyle”就行了 8如何给部分文字加背景图像？ 与加背景色操作类似，中是在背景在选择加载图象就是了，一个定义好的加背景图象的CSS例子的代码是这样的 lt！ imgbgstyle bac；body backgroundurlbgjpg top center norepeat backgroundsizecover 这样的话背景图片就会填充整个屏幕了 不过要说明的是，这是一个CSS3的属性，在很多浏览器里面都是不被支持的，你所希望的效果，目前来看。

让页面在不同分辨率下都全屏显示，完整代码参考如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot 实现两边固定宽度，中间自；1在ps中打开背景图2点击菜单栏中的滤镜3点击模糊，再选择高斯模糊，如图5通过调整半径来调整模糊的强度半径越大越模糊，如图二全屏显示的css代码bg backgroundimageurlscalejpg；全屏主要就是要宽度铺满浏览器窗口，将宽度定义为100%即可如下这个示例 bodywidth100%margin0padding0 headerwidth100%heightauto header imgwidth100%displayblockborder0。

分享3种CSS实现背景图图片全屏铺满自适应的方式，希望对你有所帮助01 02 03 给body标签指定背景图，这样背景图就可以填充整个浏览器viewport了其实，该方案对所有的块级容器都可以生效块级容器的宽高是动态的，那么；很可惜，CSS2中并没有图片全屏拉伸的属性，所以我自己想了个办法利用一个DIV层，在里面装载一个IMG标签然后设置DIV和IMG的大小为100%，并固定到屏幕最底层，这样就实现了完美的拉伸并最大化图片的目的首先在Body中加；1一个很小的条状图，通过repeat后，形成一个很规则的大图背景 但是css3出现以后，这个情况被改善了backgroundsize 属性可以让我们之前的希望成真而且这个属性在firefox，chrome，以及ie9上都可以使用2背景图尺寸；网页背景图片用css实现全屏显示，首先需要的做的就是明确那个图片要加在那个元素上，将body上，就能实现全屏，因为body是包括浏览器的可见部分，提交一段代码 body backgroundurl#39图片地址#39repeat 0px 0px。

body backgroundurlnav_bgjpg 0px 0px repeatx 如果你做的是自适应屏幕的话，即没有大容器包裹的情况，无需设置宽度，默认就是width100%，也无需浮动 即CSS代码 nav backgroundurlnav_bgjpg。