最近在寫網頁的時候，遇到了一個奇怪的問題，就是我用了CSS命令里的url，但是它不生效。經過一系列的嘗試，我終于找到了原因。 首先，我們來看一下CSS中url的語法：url("地址")。這里的地址可以是絕對路徑，也可以是相對路徑。如果是相對路徑，它的根目錄是當前CSS文件所在的文件夾。但是，如果我們使用相對路徑的時候，就會有一些坑要注意。 舉個例子，假設我們的文件結構如下： ``` - index.html - css/ - style.css - img/ - bg.jpg ``` 我們在style.css中想要引用img/bg.jpg這張圖片。我們按照一般的相對路徑寫法，應該是這樣的：url("../img/bg.jpg")。但是，我們發現它并不生效。為什么呢？ 原因是，我們如果在HTML中直接引用圖片的時候，使用的是相對于HTML文件的路徑，而CSS中使用的是相對于CSS文件的路徑。所以我們需要將路徑改為相對于HTML文件的路徑，也就是寫成url("img/bg.jpg")。這樣，即使是在其他目錄下使用這個CSS文件，圖片也能正確引用。 總結一下，CSS中的url命令在使用相對路徑時，要記得相對于HTML文件的路徑來寫。否則，即使URL路徑是正確的，也會出現圖片不顯示的問題。 代碼展示： ``` p { background-image: url("img/bg.jpg"); } ```