2011-09-19 189 views
0

例如,我在我的css文件中加載了一行圖像。它是側欄中的標籤圖標。css中的完整路徑?

background-image:url(../assets/images/icons/arrow_state_grey_expanded.png); 

由於它是相對路徑,有時當我打開某個頁面時,它無法找到要加載的圖像。

實施例1(可以加載圖像)

http://localhost/portal_dev/subkeyword_view/add_subkeyword 

實施例2(不能加載圖像)

http://localhost/portal_dev/subkeyword_view/view_subkeyword/20/20 

如何解決這個問題的旁邊移動圖像到根項目文件夾?僅供參考,我在我的項目中使用了codeigniter 2.0。通常對於PHP我只會調用圖像文件的完整路徑。

UPDATE

由於CSS文件的URL是反射性的CSS文件,我的CSS是正確加載,並且僅在當前URL中含有參數的問題發生的位置(見例2),我想這個問題與CodeIgniter不是css有關。

+0

網址是相對於**的位置CSS文件**,所以如果CSS文件加載正確,圖像應該沒問題。 – Kobi

+0

由於在螢火蟲中沒有錯誤,所以css被正確加載。不知何故,當訪問第二個網址時,圖片將不會被加載(它是側邊欄中的圖標) – cyberfly

回答

0

這只是一個路徑的事情,請確保您的網頁的標題反映了CSS文件的確切位置,這就是它,或只是宣佈對CSS文件的根目錄+子文件夾(S)

0

在CSS文件URL與CSS的位置相關。

因此,如果您的CSS文件位於/.../css,並且圖像位於/.../assets即圖像路徑從css有效,則應加載圖像。

你確定CSS正在加載。如果你沒有使用絕對或相對於你的CSS的地址,我會建議使用它們中的任何一個。

其他明智的是,您可以爲您的HTML文件添加base標記,這對您頁面上的所有hrefsrc屬性都有效。

我跑進使用URL類似的問題像你所描述。我用base標籤來解決我的問題

+0

我嘗試使用基本標籤,但它仍然無法解決我的問題。我在我的項目中使用html5模板。 <基本href = 「」 目標= 「_空白」/> – cyberfly