0

我正在使用 Laravel 4 框架，并试图在我的页面上显示一些图像。我有两种不同的情况。一，我在 CSS 文件中使用图像作为背景。该图像位于文件夹“images”中，位于文件夹“assets”中，位于公用文件夹中。注意的CSS是这样的： 

.banner-image{background:transparent url('/assets/images/hires_080820-F-5957S-987c.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover; height:800px; min-width: 1200px;}

在视图中，我使用以下方法调用 CSS：<div class="banner-image"></div>

在页面上，div 显示为空白（占用分配的像素），但图像未显示。

在同一个视图中，我正在使用 html 调用另一个图像：

<img src="/assets/images/fanssignupsplash.png">

但是，图像显示为断开的链接。在 Laravel 4 中我必须使用另一种风格来调用图像吗？感谢您对这些问题的帮助。

4

3 回答 3

3

在您的视图中尝试 {{HTML::image('images/fanssignupsplash.png')}}

于 2013-06-16T11:05:05.803 回答
2

对于 CSS，请确保图像位于名为assets 的文件夹中，与 CSS 文件处于同一级别。然后试试这个：

.banner-image
{
  background: url('assets/images/hires_080820-F-5957S-987c.jpg');
}

在您的视图中，尝试：

<img src="{{asset('assets/images/fanssignupsplash.png')}}">

假设您的公共目录中有 assets 文件夹。

于 2013-06-15T20:20:32.500 回答
1

另一种方式，在视图文件中

<img src="{{ URL::asset('assets/images/fanssignupsplash.png')}}" />

fansignupsplash.png图片需要在http://example.com/assets/images/fanssignupsplash.png

于 2013-10-15T21:01:03.737 回答