CSS - 翻转一个元素，并使另一个元素可见

在CSS中，当我滚动一个元素时，是否有可能使另一个元素可见？我有一个图标，当有人将鼠标悬停在它上面时，我希望它显示一个描述该图标功能的文本元素。

这是我一直使用的纯 CSS 工具提示:) 效果很好，即使在 IE 中也是如此。

a:hover {
background:#ffffff; 
text-decoration:none;
} 
/*BG color is a must for IE6*/

a.tooltip span {
display:none; 
padding:2px 3px; 
margin-left:8px; 
width:130px;
}

a.tooltip:hover span{
display:inline; 
position:absolute; 
background:#ffffff; 
border:1px solid #cccccc; 
color:#6c6c6c;
}

Easy 

<a class="tooltip" href="#">
Tooltip
<span>T his is the crazy little Easy Tooltip Text.
</span>
</a>

希望能帮助到你。