6.8 大神解惑

小白：我制作网页的背景图片为什么不显示？是不是路径有问题？

大神：在一般情况下，设置图片路径的代码如下。

background-image:url(logo.jpg);
background-image:url(../logo.jpg);
background-image:url(../images/logo.jpg);

对于第一种情况“url(logo.jpg)”，要看此图片是不是与CSS文件在同一目录。

对于第二种与第三种情况，极力不推荐使用，因为网页文件可能存在于多级目录中，不同级目录的文件位置其相对路径是不一样的。而这样就让问题复杂化了，很可能图片在这个文件中显示正常，换了一级目录，图片就找不到影子了。

有一种方法可以轻松解决这一问题，建立一个公共文件目录，用来存放一些公用图片文件，例如“image”，将图片文件也直接存于该目录中，在CSS文件中可以使用下列方式。

url(images/logo.jpg)

小白：用小图片进行背景平铺好吗？

大神：不要使用过小的图片做背景平铺。这是因为宽、高为1px的图片平铺出一个宽、高为200px的区域，需要200×200=40000次运算，占用资源。

小白：边框样式border:0会占用资源吗？

大神：推荐的写法是border:none，虽然border:0只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。