1、首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。
2、然后建立一个html文档，将它和背景图片放到一个文件夹中。
3、编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px。
4、就给div设置背景图片。
5、在浏览器中预览会发现图片平铺了，这不是想要的效果。
6、然后可以给div再加上属性，-moz-background-size:100% 100%background-size:100% 100%。
7、这样设置后就会发现背景图片拉伸至100%了。
自己遇见的问题和解决方法：我想给一个页面设置一个背景图片，首先我给body设置background-image:url("这里是你背景图片的路径")，然后发现页面的背景图片没有达到我预期的效果，于是我就去网上查找答案，我在网上找了很多的解决方法，可惜没有一个是我理想的效果图，我就自己开始摸索，最终让我解决了这个问题，于是我希望我的这个方法能帮到那些和我一样的"菜鸟"，写这个文章的原因也是激励自己、一种学习的记录。分类: 电脑/网络 >>程序设计 >>其他编程语言问题描述:
用<body background="*.jpg" bgpropertities="fixed">可是为什么图片还是显示多个，不用CSS样式表，怎么才能设置成只显示一张图片。（在BODY标签中设置背景图片相关属性都是哪些？）
解析:
<body background="*.jpg" class="page_speeder_1290856624">
前面说的对,是不可以直接设置的，
另外，
bgpropertities="fixed"只是背景图片不随着滚动条而动，和图片不重复平铺没有直接关系。
随便你用多大的图片，当你的内容更多的时候，还是会看到重复。
不过，
有一个变通的办法，就是设一个0边框的表格，大小同背景图片，将图片设为表格的背景图片，你的所有文字图象内容全放到这个大表格里，希望对你有帮助。
QQ:***********
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）