隱藏父母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內的孩子並在外面展示

回答

相關問題