如何设计一个位置绝对子div放置在bootstrap轮播中的溢出隐藏div内

时间:2016-06-19 07:47:44

标签: jquery html css twitter-bootstrap

我正在尝试将一个徽章(绝对位置)放在bootstrap轮播中的父div上。由于隐藏在.carousel-inner类引导程序中的溢出,徽章的顶部隐藏。 如果我尝试移除溢出的hiiden它可以工作,但我也需要隐藏溢出。

有人可以帮助我找到出路。

提前致谢

我的代码

http://jsfiddle.net/JPais/jqkg4t1p/6/

[1]:http://ttps://jsfiddle.net/JPais/jqkg4t1p/ fiddle link

2 个答案:

答案 0 :(得分:0)

使用margin top

.txtpic{position: absolute;
    background: #f69165;
    padding: 20px;
    top: -15%;left:15px;
    margin-top:10%}

答案 1 :(得分:0)

15px

添加.item白色上边框

carousel-inner向上移动,带有负边距

.carousel-inner>.item {
           border-top: 15px solid #fff;
    }
.carousel-inner {
          margin-top: -15px;
    }

http://jsfiddle.net/afelixj/53u0otns/