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

标签 jquery html css line

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

这是我目前拥有的:

enter image description here

这是我希望得到的:

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

}

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

enter image description here

更多详情:JSFiddle

最佳答案

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

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

关于jquery - 我怎样才能在我的 div 后面放一条线?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29395538/

相关文章:

javascript - 尽管有固定值,SVG 中的文本元素仍能完美定位自身

html - Firefox 上的按钮背景未完全填充

css - 为什么媒体查询不适用于 Bootstrap 中的某些类

javascript - 更改不透明度不适用于 Chrome 中的 JS 和 SVG

jquery - UL 中的每个 LI 可以单独设置动画吗?

jquery blockui定位

html - 显示 "table-cell", "table-column"等的目的是什么

javascript - 使用带静态前缀的 javascript 访问 html 选择框

html - 如何仅使用 css 创建 Logo slider 的无限循环

javascript - 如何在拖动元素时逐渐降低其不透明度?