覆盖溢出:隐藏

Question

我有一个包含很多子元素的父容器.由于动画原因(子元素滑入和滑出父元素)我已将其overflow属性设置为hidden.

这很有效,但有几个孩子我想要在父母的界限之外可见.

我该如何做到只有某些孩子在父母的界限之外可见？

Answer 1

答案是:你做不到.overflow:hidden然后,父母都会剪切所有子元素,或者overflow:(visible|auto|scroll|...)根据该规则处理所有子元素.你不可能混合各州 - 所有的孩子都得到平等对待.

但是,你可以在父代码中引入额外的容器元素(不再有溢出:隐藏),就像在这个伪代码中一样:

<parent>    
   <container1 style="overflow:hidden">
      <!-- these will be clipped -->
      <element>
      <element>
   </container>

   <container2 style="overflow:visible">
      <!-- these will be shown -->
      <element>
      <element> 
   </container>
</parent>

编辑:示例