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

Question

我想将我的虚线放在我的 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

Answer 1

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

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

Answer 2

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

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

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

How can I place a line behind my divs?

html

css

jquery

line