在overflow：hidden元素中放置绝对元素

 

我需要将元素绝对定位在div内，并且隐藏溢出，但是这些绝对位置的元素在div边界之外可见且溢出隐藏，我需要它们根本不可见。 查看代码：http://jsfiddle.net/xEYJc/

这个想法是：

  • 当你悬停在'李'上时，它将滑入（在iPhone框架内）相应的图片

  • 这是每个图像的CSS 

        .first .search{
        position: absolute;
        width: 229px;
        margin: 94px 60px 40px -280px;
        -webkit-transition:margin-left 0.3s ease-out;
        -webkit-transition-delay:0.2s;
    }

  • 这是容器的CSS： 

        .iPhoneWrapper div{
        overflow-x: hidden;
        margin-left: 17px;
    }

    • 因为它的立场'。搜索'定位绝对是可见的'div'以外溢出隐藏，我需要他们隐藏，只有在滑入时可见。

    解决方案很简单：

    添加position: relative和overflow: hidden到您的课堂.iPhoneWrapper ，修改小提琴：http://jsfiddle.net/xEYJc/1/

    链接地址: http://www.djcxy.com/p/63033.html

    上一篇: position absolute element visible inside overflow:hidden element

    下一篇: GWT docklayoutpanel widget visibility