用圖像替換邊框

Question

即使對於整個圖塊完成圖片的邊框，邊框仍顯示出來。不過，我想隱藏圖片周圍的邊框。我該怎麼辦？

<div style="border: 1px solid #000"> 
    <div class="row"> 
     <div class="col-xs-24"> 
      <div style="background-image: url('young.png'); min-height:200px;"></div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-xs-24"> 
      <div class=""> 
       The entire paragraph text is here. 
      </div> 
     </div> 
    </div> 
</div> 

實施例：https://jsfiddle.net/f28zraee/

Answer 1

嘗試的輪廓代替。它看起來與邊界類似，但完全在元素之外，而不是強加在元素的內容上。

http://www.w3schools.com/css/css_outline.asp

Answer 2

你周圍有錯誤的元素的邊界，看到小提琴。 https://jsfiddle.net/f28zraee/1/

<div> 
    <div class="row"> 
     <div class="col-xs-24"> 
      <div style="background-image: url('http://placehold.it/238x159.jpg'); min-height:200px;"></div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-xs-24"> 
      <div style="border: 1px solid #000; border-top: none;"> 
       The entire paragraph text is here. 
      </div> 
     </div> 
    </div> 
</div> 

Answer 3

移動從第一線的樣式屬性到<div>標籤第二row的：

<div> 
    <div class="row"> 
     <div class="col-xs-24"> 
      <div style="background-image: url('young.png'); min-height:200px;"></div> 
     </div> 
    </div> 
    <div class="row" style="border: 1px solid #000"> 
     <div class="col-xs-24"> 
      <div class=""> 
       The entire paragraph text is here. 
      </div> 
     </div> 
    </div> 
</div> 

編輯： 這裏的小提琴：https://jsfiddle.net/ye4pn0oz/

有什麼downvote呢？