How can I place a line behind my divs?

Question

I want to move place my dashed line behind my divs. It keep staying on the top of my divs.

Here what I currently have right now :

enter image description here

Here what I am hoping to get :

enter image description here

**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%; 

}

I wish I can put more code, since my rep is low, I got this warning :

enter image description here

More details : JSFiddle

You can set the `z-index` on your divs to mirror that. http://stackoverflow.com/questions/2305669/all-about-z-index — Bruno Toffolo, Apr 01 '15 at 16:05
Always post your code in your question please. You saw the warning when you posted a link to jsFiddle, yet you chose to ignore it and tried to sidestep it by highlighting a link as code. If jsFiddle ever goes away or is inaccessible, then your question loses all value without the code in it. — j08691, Apr 01 '15 at 16:07

Abdul Ahmad · Accepted Answer · 2015-04-01T16:21:38.787

1

giving your fiddle a z-index of 0 accomplished this, and a background:white on your .tl-box

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

edited Apr 01 '15 at 16:21

answered Apr 01 '15 at 16:15

Abdul Ahmad

9,673
16
64
127

zoom in, you'll see the text is in front of the lines – Abdul Ahmad Apr 01 '15 at 16:17
oh I see, ok, you need to give those boxes a `background:white` – Abdul Ahmad Apr 01 '15 at 16:20
Well answer ! Abdul ! – code-8 Apr 01 '15 at 16:52

score 0 · Answer 2 · answered Apr 01 '15 at 16:16

0

In short, the z-index of the boxes need to be higher than the lines and the boxes need to have a background color of white to keep the line from showing through.

Here it is done very roughly: http://jsbin.com/tupiqiqida/1/edit?html,css,output

answered Apr 01 '15 at 16:16

Bill Criswell

32,161
7
75
66

Thanks for your answer here, but can you please modify my [JSFiddle](http://jsfiddle.net/bheng/1q6ur85k/) instead. I want to see your solution works in there. Then I will make sure to accept your answer. – code-8 Apr 01 '15 at 16:18

How can I place a line behind my divs?

2 Answers2