悬浮元素从溢出溢出：隐藏元素css

溢出：隐藏的问题突出显示.

基本上,我正在使用：悬停：之后显示工具提示.但是父元素有溢出：隐藏在它上面.我如何强制悬停的元素逃脱父元素？

相关CSS：

div {
    width:500px;
    height:200px;
    BACkground:red;   
    margin: 50px;
    overflow: hidden; /* this rule */
}

span:hover:after {
    content: attr(data-Name); 
    color: black;
    position: absolute;
    top: -150px;;
    left: 0;   
}