Css 位置绝对元素在溢出内可见：隐藏元素

我需要将元素放置在溢出隐藏的div内的绝对位置，但是这些位置为绝对位置的元素在溢出隐藏的div边界外可见，我需要它们根本不可见。 见代码：

这个想法是：

• 当您将鼠标悬停在一个“li”上时，它将滑入（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;
      }
  

---

目前，定位为绝对的“.search”在“div”外部可见，溢出隐藏，我需要将它们隐藏起来，并且仅在滑入时可见。

解决方案很简单：

将

position:relative

和

overflow:hidden

添加到您的类

。iPhoneWrapper

，modified fiddle: