如何使用隐藏溢出和绝对位置的父div使一个div弹出

Question

尝试向div添加工具提示，其位置为：absolute和overflow hidden。

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;
}

Answer 1

我过去遇到过类似的问题，除了黑客攻击外无法找到解决方案。我最后将内部div添加到DOM树中更高的元素并使用Javascript进行定位。