我怎样才能在我的 div 后面放一条线?

How can I place a line behind my divs?

我想将我的虚线 放在 我的 div 后面。 它一直停留在我的 div 的顶部。

这是我目前拥有的:

这是我希望得到的:

**CSS** 

/*Background Border*/
.border-center {
  width: 100%;
  position: relative;
}

.slide:before {
  content: '';
  position: absolute;
  border-bottom: 3px #3498db dashed;
  z-index: 1;
  top: 50%;
  margin-top:-2px;
  right: 10%;
  left: 40%;
  width: 25%; 

}

我希望我可以添加更多代码,因为我的代表很低,我收到了这个警告:

更多详情:JSFiddle

给你的 fiddle 一个 z-index of 0 完成这个,并且 background:white 在你的 .tl-box

http://jsfiddle.net/1q6ur85k/2/

简而言之,框的 z-index 需要高于线,并且框需要有白色背景色以防止线显示出来。

这里做的很粗略:http://jsbin.com/tupiqiqida/1/edit?html,css,output