如何让父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弹出隐藏溢出隐藏和位置绝对

回答

相关问题