用图像替换边框

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