在默认布局 cakephp 中某些页面没有加载图像？

【问题标题】：Image no loading for some pages in default layout cakephp?在默认布局 cakephp 中某些页面没有加载图像？
【发布时间】：2014-01-18 03:26:40
【问题描述】：

我在我的 cakephp 网站的默认布局中添加了一个图像作为按钮。但是对于某些视图，该图像未加载。

<input type="image" class="search_button" src="img/search.png" style="background-color: #066; margin-left: 5px; margin-top: -5px; vertical-align:  middle" />

图片在webroot，img文件夹中

【问题讨论】：

1.在谷歌浏览器上打开控制台。 2. 转到控制台 3. 如果图片路径错误，控制台会报错->加载资源失败，然后会给出图片的路径 4. 看看那个错误的路径出了什么问题并纠正它:)
如何在谷歌浏览器上打开控制台
F12 键然后看到最右边的标签'Console'
是的，路径有问题！我现在使用工作

标签： php image cakephp layout

【解决方案1】：

使用助手或绝对网址

你遇到的问题是用来访问图片的url是相对于当前url的

当前页面是否为：

http://example.com

图片来自

http://example.com/img/search.png

假设上面的图像存在。如果当前页面是：

http://example.com/some/text

图片来自

http://example.com/some/text/img/search.png

哪些不存在。

适当的操作是使用绝对网址

<input type="image" class="search_button" src="/img/search.png"
                                               ^

或者使用适当的辅助方法来生成标记。然而，在这种情况下 - 使用 css 会更好：

// file in webroot/css/foo.css
.search_button {
    background-image:url('../img/search.png');
}

【讨论】：