                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /商城分类导航效果

关于图片路径的问题

我的图片路径是：XXX/img/rightJ.png

网页的路径：XXX/index.html

css的路径：XXX/css/new_file.css

我在外部样式表中li的background-image设置为img/rightJ.png打开网页后，图片路径变成XXX/css/img/rightJ.png但在内部样式表设置同样的代码就成功了，为什么

qq_莫失莫忘_26

2016-04-23

源自：商城分类导航效果 2-1

关注问题我要回答

947

操作

收起

1 回答

队友挂机我选1V5
2016-04-24

如果你在外部样式表（即CSS文件）中引用图片，应该以CSS文件所在位置为当前位置定位来引用，在你这个例子中，如果想要正常显示，应该把background-image设置为../img/rightJ.png；但是在内部样式表（即.html中）引用图片，就应该以.html文件所在位置为当前位置定位，如果想要正常显示，就应该把background-image设置为img/rightJ.png