                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /商城分類(lèi)導(dǎo)航效果

關(guān)于圖片路徑的問(wèn)題

我的圖片路徑是：XXX/img/rightJ.png

網(wǎng)頁(yè)的路徑：XXX/index.html

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

我在外部樣式表中l(wèi)i的background-image設(shè)置為img/rightJ.png打開(kāi)網(wǎng)頁(yè)后，圖片路徑變成XXX/css/img/rightJ.png但在內(nèi)部樣式表設(shè)置同樣的代碼就成功了，為什么

qq_莫失莫忘_26

2016-04-23

源自：商城分類(lèi)導(dǎo)航效果 2-1

關(guān)注問(wèn)題我要回答

1006

操作

收起

1 回答

隊(duì)友掛機(jī)我選1V5
2016-04-24

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