如何讓父div彈出隱藏溢出隱藏和位置絕對

嘗試添加工具提示到位置：絕對和溢出隱藏的div。如何讓父div彈出隱藏溢出隱藏和位置絕對

Plunker：http://plnkr.co/edit/qH5nHheCoyOmvRKLVx2o?p=preview

<div class="container"> 
    <div class="inner"> 
     Why am I not overlapping? 
    </div> 
</div> 

.container{ 
height:300px; 
width:300px; 
position: absolute; 
overflow: hidden; 
z-index: 1; 
background-color:black; 
color: blue;  
} 

.inner{ 
    height:500px; 
    width:500px; 
    top:100px; 
    left:50px; 
    background-color:yellow; 
    position:absolute; 
    text-align: right; 
    z-index:10; 
}

來源

2016-09-14 antish Gajwani

它*重疊。你爲'.container'設置了'overflow：hidden'，這就是爲什麼你看不到'.inner' div的其餘部分。 – Patel

我知道這一點。但我想顯示一個工具提示，即使父母有溢出：hidden.So需要解決這個問題。 –

我在過去類似的問題，但沒有找到除非是黑客的解決方案。我最終將內部div添加到DOM樹中較高的元素並使用Javascript進行定位。

來源

2016-09-14 06:27:32 mm759

如何讓父div彈出隱藏溢出隱藏和位置絕對

回答

相關問題