2010-07-30 18 views
0
在應用IM

即時通訊使用的主題做的,需要一個全球性的CSS/IMG/JS文件夾CakePHP的圖像

我一直在使用的應用程序/ webroot的因爲這個文件夾試過,但不能從得到任何CSS主題來展示圖像。

我有一個像:: /app/views/themed/my_theme/webroot/css/file.css

有了一些CSS,看起來像設置:

... 
body{ 
    background-image: url('../img/file.jpg'); 
} 
... 

,如果我有/app/views/themed/my_theme/webroot/img/file.jpg一切的形象工程100%,但是,當我把圖像中/app/webroot/img/file.jpg它將不會顯示。我已嘗試各種各樣的組合

我也嘗試使用像app/plugins/my_plugin/webroot/img/file.jpg插件目錄但試圖的各種路徑不會顯示圖像。

任何想法如何我可以讓圖像顯示?我不介意它的webroot /或插件/ xyz /,只要我可以在許多不同的主題中使用相同的圖像,不必重複圖像

當圖像在/ webroot/img我可以使用像url(http://locahost/my_app/img/file.jpg)這樣的完整路徑,它可以工作。

的事情,不工作

URL( 「IMG/file.jpg」)

URL( 「/ IMG/file.jpg」)

URL(」 ../ IMG /file.jpg 「)

URL(」 IMG /..//file.jpg 「)

URL(」 ../../ IMG/file.jpg「)

謝謝。

+0

steve和fahad19說得對,最後在我的apache配置文件中添加了vhosts,這樣就沒有子文件夾,然後一切都很好 – dogmatic69 2010-07-31 00:55:49

回答

3

在你的CSS文件

body{ background-image: url('/img/file.jpg'); }

這將使用root區域找到/app/webroot/img/file.jpg

1

CSS的形象已爲相對路徑圖片的URL被加入到。

來自my_theme的CSS文件在瀏覽器中鏈接,如site.com/theme/my_theme/css/style.css。所以如果你想在主題的CSS中使用app/webroot/img中的圖片,請使用url(../../../ img/image.png)

0

我還沒試過,但cookbook說:

如果你想保持你的主題資產 應用程序/ Web根目錄內,建議您重命名的應用程序/ Web根目錄/主題,以 應用程序/ Web根目錄/主題 。