web网页设计的问题

用什么来实现一个网页上的图标上的文字鼠标移开之后文字自动隐藏，在移动就显示出来，求求

图标上的文字？ 你是指图标和文字是一体的？ 如果是一体的 应该 不行 。分开的 还可以 改变其 css 隐藏 或者js 移除 。

大概这样

<style>
            .text{display: none;}
            .main:hover .text{display: block;}
        </style>
        <div class="main">
            <img class="icon" src='图标'/>
            <div class="text">文字</div>
        </div>

监听鼠标离开事件，然后添加上样式（实现隐藏即可，例如改变背景色、设置透明就可以实现隐藏）