动态文字后面的图像

Question

嗨，我有一些引导程序代码和Jquery-基本上，一旦在jquery中单击一个按钮，就会在con_result中插入一些内容-问题是插入的动态文本在图像plumb.png下，我尝试使用z -index并将图像设置为背景图像，但文本仍在图像下方-有任何想法吗？

<div class="row"
     style="background:#e6e6ff;">

  <div class="col-md-1"></div>
  <div class="col-md-3">
    <!-- SEARCH RESULTS -->
    <div id="spinner"
         name="spinner">
      <img src="localhost/site/public/images/wait.gif" />
    </div>
    <div id="con_result"
         name="con_result"
         style="overflow-y: scroll; height:400px; width:550px; z-index:99;"></div>


  </div>
  <div class="col-sm-7"
       style="z-index:1;">
    <div class="thumbnail"
         style="background-image:  url({{asset('public/images/plumb.png')}}); height:100%; width:100%;  background-position: center;">
      <div class="caption post-content">
        <h3>Add Job</h3>
      </div>
    </div>
  </div>
  <div class="col-md-1"></div>

</div>