2010-07-30 19 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根目录/主题 。