形象Laravel不顯示4

我有這個麻煩 - 該圖片無法顯示形象Laravel不顯示4

<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>

，如果我去到的圖像是正常的查看源代碼，其實我粘貼結果的URL和作品。順便說一句，我有一個註釋行可用，但我需要圖像作爲背景，而不是html標籤。它可能是什麼？

上的CSS填充類：

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

來源

2014-07-25 Fede

看來，類「補」沒有高度，也沒有寬度。由於您正在爲沒有任何大小的元素定義背景，因此元素本身（即：div）現在正在顯示。

您可以通過定義的寬度和高度，這樣的解決此問題：

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

來源

2014-07-25 23:40:42

你可以嘗試將寬度和高度從100％改爲100px，看看它是否有效？ –

試試這個：

<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 ，我會繼續！

來源

2014-07-26 00:55:35 imbondbaby

形象Laravel不顯示4

回答

相關問題