前一段在在写一个JSP页面。中间在CSS中用到了一个背景图片。就中间的一个小问题做个小总结。
当背景图片用相对地址的时候跟CSS是内联还是外联是有关的。当然绝对路径不存在这个问题。
当CSS内联在JSP页面中时,背景图片的相对地址是相对于JSP这个页面的路径,当CSS外联时,背景图片的相对路径是相对于CSS这个文件的路径。比如:
在WebContent里面有index.jsp页面和images,css,js文件夹。
当CSS内联在JSP页面中时,背景图片的相对地址是:/images/image_name.jpg。
当CSS外联,并且该CSS文件存放在css文件夹中时,背景图片的相对地址是:../images/image_name.jpg。