我作了一个小提琴参考：
http://jsfiddle.net/kLFn9/
溢出：隐藏的问题突出显示.
基本上,我正在使用：悬停：之后显示工具提示.但是父元素有溢出：隐藏在它上面.我如何强制悬停的元素逃脱父元素？
相关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;
}
解决方法
不幸的是,没有(简单)方法允许子标记覆盖父div上的overflow：hidden声明的效果.见：
Allow specific tag to override overflow:hidden
你唯一可能的办法就是使用javascript：首先抓住相对于文档的跨度偏移量,然后将其移动到DOM中的另一个位置(即将子项指向正文),将其位置设置为绝对位置,并使用您抓取的偏移量设置它的左侧和顶部属性,将它定位在文档中的相同位置,但现在它不包含在div中,因此不再需要遵守overflow：hidden.
