                        課程
                    
                        /前端開發
                        
                            /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

關注問題我要回答

1013

操作

收起

1 回答

隊友掛機我選1V5
2016-04-24

如果你在外部樣式表（即CSS文件）中引用圖片，應該以CSS文件所在位置為當前位置定位來引用，在你這個例子中，如果想要正常顯示，應該把background-image設置為../img/rightJ.png；但是在內部樣式表（即.html中）引用圖片，就應該以.html文件所在位置為當前位置定位，如果想要正常顯示，就應該把background-image設置為img/rightJ.png