我的圖片不會出來使用背景網址

Question

我是代碼點火器的初學者，我將圖片的位置保存在數據庫中。在這裏，我想在div中使用背景網址來顯示它。我的問題是它不出來，當我複製的位置，並將其粘貼到瀏覽器，圖片出來。

我在referrig：<div class="patient-pic" style="background-image: url([::1]/clinic/asset/uploaded_images/togoru.jpg)"></div>

這裏是我的代碼：

<div class="col-sm-10"> 
    <div class="panel-group"> 
    <div class="panel panel-info"> 
     <div class="panel-heading"> 
     <h4><a data-toggle="collapse" href="#patientinfo">#1 Taguro <span class="fa fa-arrow-circle-o-down pull-right"></span></a></h4> 
     </div> 
     <!-- panel-heading --> 
     <div id="patientinfo" class="panel-collapse collapse"> 
     <div class="panel-body"> 
      <div class="row"> 
      <div class="col-sm-4"> 
       <button class="btn btn-success btn-sm">Check me up</button> 
      </div> 
      <!-- col-sm-4 --> 
      <div class="col-sm-6"> 
       <div class="img-patient"> 
       <div class="patient-pic" style="background-image: url([::1]/clinic/asset/uploaded_images/togoru.jpg)"></div> 
       </div> 
       <!-- img-patient --> 
      </div> 
      <!-- col-sm-6 --> 
      </div> 
      <!-- row --> 
     </div> 
     <!-- panel-body --> 
     </div> 
     <!-- panel-collapse --> 
    </div> 
    <!-- panel --> 
    </div> 
    <!-- panel-group --> 
</div> 
<!-- col-sm-10 --> 
</div> 
<!-- queue --> 

</div> 
<!-- col-title --> 
</div> 
</div> 
<!-- row --> 

這裏是我的CSS：

.img-patient { 
    display: block; 
    width: 100%; 
    overflow: hidden; 
    text-align: center; 
} 
.patient-pic { 
    width: 100px; 
    height: 100px; 
    overflow: hidden; 
    text-align: center; 
    border-radius: 50%; 
    margin: 20px auto; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
} 

Answer 1

我認爲這是錯誤的URL。我嘗試調試谷歌開發人員工具。它工作正常。