将div叠加到左侧

时间:2015-07-11 18:01:35

标签: jquery css twitter-bootstrap overlay

我正在使用Twitter-Bootstrap网格,并且必须在一个单元格内放置许多div-tag。所有这些div标签应该覆盖到左侧标签。单元格的div标签数量是可变的。

示例:所有div-tag都有示例内容 [abcd] - >页面上的结果应为: [ab [ab [ab [abcd] (但不是通过操纵文本 - 它也可能是图像 - 必须使用叠加层放置div)

<div class="row">
  <div class="col-md-4">
    <div class="myClass">[abcd]</div>
    <div class="myClass">[abcd]</div>
    <div class="myClass">[abcd]</div>
    <div class="myClass">[abcd]</div>
  </div>
  <div class="col-md-8"></div>
</div>

我尝试手动位置:相对位置:绝对样式,左:20px 左:-20px 。但随后它们覆盖其他细胞。 在某些情况下,我要做这个叠加垂直,手动样式我有更多的“叠加列”而不是一个。

如何处理?

1 个答案:

答案 0 :(得分:0)

如果我正确理解您的问题,z-index CSS属性将有所帮助。

更多信息:https://developer.mozilla.org/en-US/docs/Web/CSS/z-index