2010-05-20 116 views
2

工作不適合我的圖像具有以下文件結構:相對路徑的css

C:/wamp/myproject/admin/webroot/images

我有一個index.php文件躺在其調用文件的header.inc.php趴在管理文件夾中相同的文件夾。的header.inc.php有以下代碼 -

<td align="left" valign="top" class="header-bg"> 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 

的index.php呼籲通過下面的代碼css文件(css.css):

<link href="<?php echo (WS_DIR_CSS); ?>/css.css" rel="stylesheet" type="text/css" /> 

的CSS主要表現在以下位置: C:/wamp/myproject/admin/webroot/css

的CSS文件具有具有下面的代碼的類:

.header-bg { 
    background:url(../images/header_bg.jpg) left top repeat-x; 
    height:77px; 
} 

圖片header_bg.jpg未在瀏覽器中顯示。幫助任何人?

+2

佈局表,如何古怪... – Quentin 2010-05-20 13:19:22

+0

是「圖像」自己的目錄在webroot(css目錄之外)? – RussellUresti 2010-06-02 18:15:03

回答

0

看着你的服務器日誌,看看實際上正在請求哪些文件。很可能你的網址混在了一起。

2

圖像header_bg.jpg沒有被顯示在瀏覽器。

有上百種可能的原因:從您的瀏覽器設置爲阻止圖像,文件系統權限拒絕讀取訪問的服務器上。在不瞭解更多重要細節的情況下,一個好的開始就是搞清楚你是否是瀏覽器,甚至試圖獲得圖像。這是Firebug(通過Firefox插件)或其他類似瀏覽器插件派上用場的地方。

+0

使用Firebug或其他調試工具查看問題的真實位置。用你發佈的代碼,似乎沒有什麼不對,所以它應該起作用,這意味着除了你的路徑之外,還有其他的問題。 – cincodenada 2010-08-12 15:40:23

7

圖像包括相對的CSS

,如果你的形象是住在這裏......

/images 

和你的CSS住在這裏......

/somefolder/css/style.css 

那麼規則會be

background-image:url(../../images/header_bg.jpg); 

你可以檢查使用螢火蟲的元素?是否有任何重寫規則可能會重新路由請求?你對圖像有讀權限嗎?

+1

該規則必須是'/ images/header_bg.jpg'。學習使用絕對地址 – 2010-08-11 16:15:20

+0

學習閱讀OP,是的,他*可以*使用絕對路徑,但這不是他在他的例子中所做的。使用../../images/header_bg.jpg完全有效,*將*如上所述工作。 – michael 2010-08-12 08:20:31

+2

我回答了沒有回答的問題。該解決方案發布了OP的問題的作品,他沒有說任何關於它爲其他文件夾工作的問題 – michael 2010-08-12 10:26:35

-3

相對尋址沒有被設計工作。
這就是爲什麼一個人應該使用絕對地址。

  1. 讓自己知道什麼是實際header_bg.jpg地址相對於網站根。例如
    /images/header_bg.jpg
  2. 使用該地址。
    帶或不帶WS_DIR_CSS幫手,但在HTML代碼必須是/images/header_bg.jpg或任何絕對地址。
+0

相對尋址不是按設計工作的。 - 這完全是錯誤的。相對路徑工作得很好。 – michael 2010-08-12 08:31:55

+0

去告訴OP大聲笑 – 2010-08-12 08:35:40