2016-11-04 2 views
0

私はコードイグナイターの初心者です、私はデータベースの画像の場所を保存します。ここでは、divの背景URLを使用してそれを表示したいと思います。私の問題は、それが出てこない、私は場所をコピーし、ブラウザに貼り付けると、画像が出てくる。私はreferrigい私の絵は、背景のURLを使用して出てきません

:ここ<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; 
} 
+0

あなただけのURLに引用符を追加する必要がありますスタイルは= "背景画像:のURL( '[:: 1] /clinic/asset/uploaded_images/togoru.jpg')" – Potatoes

+0

例を貼り付けてくださいあなたのイメージのURLの –

+0

あなたがcodeigniterを使用しているので、これを試してみてください: 'style =" <?php echo base_url( "clinic/asset/uploaded_images/togoru.jpg");?> ' – MikkoS

答えて

0

私はそれが間違っているURLだと思います。私はGoogleの開発者ツールでデバッグを試みます。それはうまくいく。

enter image description here

+0

hello sir。 というエラーが表示されました:指定されたURLの読み込みに失敗しました –

関連する問題