我使用的是簡單的HTML
代碼有一個背景,一個jumbotron
後不顯示以下內容:映像路徑:超大屏幕的背景圖像發佈到服務器
<div class="jumbotron" style="background: url('../../img/pills.jpg') no-repeat; background-size:cover">
它在本地主機工作正常,但當我將項目文件發佈到服務器時,不顯示圖像。
問題是什麼?
我使用的是簡單的HTML
代碼有一個背景,一個jumbotron
後不顯示以下內容:映像路徑:超大屏幕的背景圖像發佈到服務器
<div class="jumbotron" style="background: url('../../img/pills.jpg') no-repeat; background-size:cover">
它在本地主機工作正常,但當我將項目文件發佈到服務器時,不顯示圖像。
問題是什麼?
可能要檢查服務器上的圖像文件的路徑,確保背景圖像的URL將反映正確的路徑
我解決它通過在服務器Url('/Folder2/Folder1/img/pills.jpg')
提供的確切路徑,而不是
url('../../img/pills.jpg')
。
在服務器上它有相同的相對路徑嗎? ('../../img/pills.jpg') 權限怎麼樣?他們是否正確設置了文件夾?服務器可以訪問它嗎? 瀏覽器中的開發人員控制檯中的消息是什麼?有沒有錯誤? – Shoter
它可能不相關,但在代碼行結尾附近缺少一個雙引號'「' –
如果您的URL是例如'/ Home/Index',請嘗試追加'../../ img/pills.jpg「,看看服務器回來了什麼:'/ Home/Index /../../ img/pills.jpg' –