CSS內容URL圖像被破壞

我試圖用css在表格單元格中顯示圖像。這是我有：CSS內容URL圖像被破壞

HTML：

<td class="activity-status status_not_started">Not Started</td>

CSS：

td.activity-status { 
font: 0/0 a !important; 
color: transparent !important; 
width: 80px !important; 
padding: 0 !important; 
} 

td.status_major_issues:after { 
content: url(/sites/ih/Style%20Library/org-ih/img/status_major_issues.png) !important; 
}

在瀏覽器中，當我訪問

http://myspsite/sites/ih/Style%20Library/org-ih/img/status_major_issues.png

預期的圖像，則顯示。

但是，在應用css之後的網頁中，圖像顯示中斷。

頁面的路徑是：

http://myspsite/sites/ih/46/Pages/status.aspx

的CSS文件的路徑爲：

http://myspsite/sites/ih/Style%20Library/ih-status/css/style.css

任何人的想法可能是什麼回事？

謝謝！埃裏克

來源

2013-10-02 Eric

鏈接到您的CSS plz – Anon

向我們展示您的html和css的路徑... – DontVoteMeDown

我已經添加了頁面和css文件的鏈接。 – Eric

你的CSS可能是在一個單獨的目錄因此路徑內容應該像

content: url('../sites...')

你必須移動一個目錄，因爲路徑是從在CSS文件拍攝，而不是頁面腳本的位置。

來源

2013-10-02 12:29:07

Andrius，我使用的是絕對URL，因此雙點會不正確。 – Eric

你認爲你正在使用和絕對的網址。但你不是。右鍵點擊圖片並檢查它的網址。更何況，這從你'http：// myspsite/sites/ih/Style％20Library/ih-status/css/style.css'證明了我的觀點。 –

我明白了。所以在CSS中，如果它不包含協議和域，它將被視爲相對URL。 – Eric

CSS內容URL圖像被破壞

回答

相關問題