Question

我遇到了麻烦 - 图片没有显示

<div class="carousel-inner">
        @foreach ($model->pictures as $picture) 

             <div class="fill" 
                style="background-image:url({{ URL::asset($picture->path) }});">
                </div>

          <!--   {{ HTML::image($picture->path)}}    -->        
        @endforeach
    </div>

如果我转到视图源图像没问题，实际上我将结果粘贴到网址中并且可以正常工作。顺便说一下，在示例中，我有一个可以使用的注释行，但我需要将图像作为div中的背景而不是实际上作为html标记。它可能是什么？

css上的填充类：

.fill {
        width:100%;
        height:100%;
        background-position: center;
        background-size: cover;
    }

Answer 1

似乎“fill”类没有高度和宽度。由于您正在为没有任何大小的元素定义背景，因此现在正在显示元素本身（即：div）。

您可以通过定义宽度和高度来解决此问题，如下所示：

<div class="fill"
    style="background:url({{ URL::asset($picture->path) }}); no-repeat;
            background-size:269px 95px;height:95px;width:269px">
</div>

Answer 2

试试这个：

<div style="height:100px;width:100px;background-image:url('{{ asset('http://www.example.com/images/image.png') }}'); border-radius: 5px;position:relative">

而不是使用：

URL::asset($picture->path

您可以使用图片的absolute路径。

例如：

http://www.example.com/images/image.png

另外，请尝试使用width中的px代替%

注意：最好避免内联样式，但由于您已经将其用于background-image，我会继续！

图片未在Laravel 4中显示

2 个答案: