编辑母板页时,若在内联CSS里使用诸如background-image: url(title.jpg)或background-image: url(/title.jpg)或background-image: url(../title.jpg)或background-image: url(~/title.jpg),都将导致网页的图片无法显示,或者是位于其他目录的网页,或者是全站的所有网页。
为了解决这一问题,可以将该属性放到单独的CSS文件中,CSS文件和图片文件位于同一目录下,属性设置为background-image: url(title.jpg),再在母板页中引用该CSS,这样就可以解决了。
所以可以看出,background-image: url(title.jpg),的url中的路径默认是相对于该css文件所在位置的路径,当然会找不到图片了,所以[color=red][b]要从当前css目录回到根目录在加上图片的路径就可以了。[/b][/color]
为了解决这一问题,可以将该属性放到单独的CSS文件中,CSS文件和图片文件位于同一目录下,属性设置为background-image: url(title.jpg),再在母板页中引用该CSS,这样就可以解决了。
所以可以看出,background-image: url(title.jpg),的url中的路径默认是相对于该css文件所在位置的路径,当然会找不到图片了,所以[color=red][b]要从当前css目录回到根目录在加上图片的路径就可以了。[/b][/color]