background：url（）不显示 总结

Posted 2020-07-18 睿夏之霞

 对于background：url(imagePath);图片的不显示问题，有以下两种情况:

 一.imagePath出错：

     当你所写的css文档与html文档不在同一级的情况下，比如

           css文档存储在style文件夹中，css中的background：url（imagePath）imagePath需要这么写：(../images/image.jpg)

                                           这就是所谓的相对路径。

 二.imagePath正确：

    当我们确认自己的imagePath是无误的，但是background：url()还是不显示，你可以进行这种方法进行解决。

    html:

    <div id="div1"></div>

   css:

   #div1{ background:url(imagePath);}

  /*这种书写css的情况下，图片加载不出来的情况*，应该是div1的样式不全，他没有依托，所以给他设置一定的宽高，就可以出现效果*/

 

   比如：width：100%; height:300px;等。