背景图片使用no-repeat若height不够，会流空白，背景图片引用可以使用background：url（相对路径） center no-repeat;来设置属性。

另外图片路径的问题：
同目录文件引用

1.文件在当前目录
"."——代表目前所在的目录。

例如上图中的处于同一个文件夹的网页2.html里想插入这个图片。一个简便的方法是：<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original=".image2.jpg">。并且这个'.'可以省略。也就是写成<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="image2.jpg">，够简便了吧。这个方法非常简便和有效，例如，当你把这个文件夹拷进u盘插入其他电脑，如何写得是绝对地址，那么打开来肯定图是错。而如果是相对路径，这就没问题了。

2.文件在下级目录
"../"——代表上一级目录。../../表示源文件所在目录的上上级目录，以此类推。例如：网页1.html引用图片下的Image1.jpg。那么就要先返回上一级目录先找到图片文件夹，再找Image1.jpg。<img src=”../图片/Image1.jpg”>。同理，网页2.html引用Image下的Image1.jpg<img src=”../../图片/Image1.jpg”>
3.引用下级目录的文件，直接写下级目录文件的路径即可。网页1.html引用网站2文件夹下的Image2.jpg<img src=” ./网站2/Image2.jpg”>或者<img src=” 网站2/Image2.jpg”>。