Question

我需要将元素定位在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;
    }

因为它是＆＃39; .search＆＃39;绝对定位在＆＃39; div之外可见。溢出隐藏，我需要隐藏它们，只有在滑入时才能看到。

Answer 1

解决方案很简单：

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

位置溢出中的绝对元素可见：隐藏元素

1 个答案: