网站页面导入css,图片等文件的相对路径和绝对路径问题

如果是外联css（css文件与html文件分离的），则css中的图片路径是相对于css文件而不是html文件的，比如你附图中的那个png图片，应该位于css文件的上级目录的images子目录的kpjh子目录中，否则就出错。如果网站的目录结构比较复杂，很难理清文件的相对关系，可以使用绝对路径，比如说images目录假如位于网站的根目录，那么你可以用 /images/kpjh/... ，也就是把开头的两个小数点去掉。更保险的办法是在前面加上网址变成完整的url，这样即使图片文件放到其他网站也能调用。如果希望得到更简单的方法，那么可以把css文件与图片文件放在同一个目录，这样css文件中就不需要再写图片的路径了，直接写图片文件名即可！

如果是内联css（css代码直接写到html文件中），则图片路径是相对于html文件的。

所以你要自己检查一下图片路径是否写正确，然后根据我上面的说明进行修改。

在JSP中引用JS文件的三种方法：

1、如果是直接访问JSP，则使用相对于JSP页面的相对路径：

image_1b18hnotn96o1psa12es191r1ma69.png-7.1kB

当项目目录如图所示时，则在NewFile.jsp中访问jquery-1.9.1.min.js的方法为：

<scripttype="text/javascript"src="../scripts/jquery-1.9.1.min.js"></script>

2、如果是从action跳转至JSP，则使用相对于WEB工程的相对路径：

image_1b18hnotn96o1psa12es191r1ma69.png-7.1kB

如果是从某一个action跳转到NewFile.jsp，则在NewFile.jsp中访问jquery-1.9.1.min.js的方法为：

<scripttype="text/javascript"src="scripts/jquery-1.9.1.min.js"></script>

3、适用于以上两种情况的方法——使用WEB工程的绝对路径：

<scripttype="text/javascript"src="${pageContext.request.contextPath}/scripts/j