用eclipse进行开发时出现css中设定的背景图片无法显示的解决方法

一、首先考虑路径是不是出了问题:

例如:在当前目录下有 index.html 和 css文件夹(里面包含:css.css) 和 images文件夹(里面包含top.jpg)

错误的认为和写法:background-image:url("images/top.jpg"); ----------------------------------->>错误的认为图片的路径应该是针对index.html网页来说的。

正确的认为和写法:background-image:url("../images/top.jpg");----------------------------------->图片的路径应该写的是相对css.css文件的路径

其中     ../     表示的是上一级目录,不要写成 ./ 这是表示当前目录。

二、应该是编译器或者浏览器显示有问题,可在当前jsp页面直接设置相应的背景图,如我的是需要设置全局背景图,设置方式如下:

<style type="text/css">

    body{
    background-image: url("../paper/images/loginback.jpg");
    
    }

</style>

 

效果显示如下:用eclipse进行开发时出现css中设定的背景图片无法显示的解决方法