隐藏父母div内的孩子并在外面展示

如何隐藏父母内部的孩子并在他离开div后显示？我正在使用anymation，转换 - 从（100％，0）到（0,0）的翻译，但在移动过程中，此div与父div重叠..并且由于孩子原因我无法使用z-index。孩子不能走上层然后parrent ...所以还有其他方式吗？如何仅显示孩子出父母的div？隐藏父母div内的孩子并在外面展示

我提出的动态菜单，anymation，点击链接显示的子菜单后，我想就在旁边

来源

2016-08-17 Lukáš Unzeitig

请分享您的代码 –

检查'overflow'财产 – kukkuz

你想这样的事情？在parent使用overflow:hidden或者如果你想child可见使用overflow:visible

可以设置animation代替。它仍然有效像下面

的例子让我知道，如果它可以帮助

.parent { 
 
width:100px; 
 
height:100px; 
 
border:2px solid black; 
 
overflow:hidden; 
 
} 
 
.child { 
 
    width:100px; 
 
    height:96px; 
 
    border:2px solid red; 
 
    opacity:0; 
 
    transition:0.5s; 
 
    
 
} 
 
.parent:hover .child { 
 
    transform:translateX(30px); 
 
    opacity:1; 
 
    }

<div class="parent"> 
 
<div class="child"> 
 

 
</div> 
 
</div>

来源

2016-08-17 10:07:19

它有点困难，病程我很书面方式在反应js，我有所有时间呈现父div，并且只有当我点击父div中的链接时，我将添加到父子div中...所以没有任何子div，它在点击后添加到dom中。我不能改变不透明度，因为在我点击之前没有div。 –

你可以使用'.fadeIn（）'方法吗？或类似的东西？如果你分享你的代码也会有所帮助。从你的问题，我的答案可能会是你会得到的最大值 –

隐藏父母div内的孩子并在外面展示

回答

相关问题