我應該在哪裏放置`images`目錄以便在css中使用它作爲`/ images/...`

使用JSF 2.0。得到一個應用程序運行CSS和Javascript相應地從/Servlet/resources/css和/Servlet/resources/js運行。我應該在哪裏放置`images`目錄以便在css中使用它作爲`/ images/...`

我想添加一個圖像文件夾，所以我可以參考從css文件中的圖像/images/file.jpg。我應該在哪裏放置images文件夾。

或者，如果他們在/Servlet/resources/目錄中的位置，我將如何引用圖像？

Tnx！

來源

2011-05-19 Ben

然後，這將是CSS文件'../ images/file.jpg'上面的文件夾將使用虛擬目錄的根目錄。如果你想使用'/ images/file.jpg'，那麼你的目錄結構必須看起來像'/ Servlet/resources/css/images/file.jpg''但是如果你要從JS direcotry中引用同樣的圖像，一個問題.. – ppumkin 2011-05-19 14:05:44

@ppumkin Tnx。爲什麼不把它粘貼到答案中，以便我可以將其標記爲這樣？ :-) – Ben 2011-05-19 14:07:36

不知道 - 我從一個評論開始，並回答了一個答案：D hahaha – ppumkin 2011-05-19 14:21:17

這將是CSS文件上方的文件夾。

/Servlet/resources/css/images/file.jpg

但是，如果你將引用從JS direcotry相同的圖像，你會有一個問題。

相反，你可以嘗試使用（不知道你的虛擬根目錄，但通常你會使用）在同一目錄頁面

../images/file.jpg

環節都沒有列出任何路徑信息 file.jpg

子目錄列而沒有任何前述斜線圖像/ file.jpg

鏈接一個目錄被列爲../file.jpg

來源

2011-05-19 14:21:01 ppumkin

我把CSS背景圖像在一個單獨的文件夾中的css文件夾：

/Servlet/resources/css/images/*

這樣你可以參考它們在你的CSS如下沒有擺弄過多使用相對路徑：

background-image: url('images/foo.png');

至於你參考的HTML <img>和（但不是以CSS），我把它們放在以下文件夾中正常圖像

/Servlet/resources/images/*

來源

2011-05-19 14:13:27 BalusC

我應該在哪裏放置`images`目錄以便在css中使用它作爲`/ images/...`

回答

相關問題