将鼠标悬停在图像的某个点上，文本显示在侧面

Question

我有一张图片，图片上是带有4个数字的时间轴。当我将鼠标悬停在数字之一上时，我希望文本出现在图像旁边。我该怎么做？

非常感谢。

Answer 1

您去了：http://jsfiddle.net/zcps7xef/

html

<div id="contain">
<a>text</a>
    <div class="text">other text</div>
</div>

css

#contain{
    clear: both;
}

a{
    float: left;
    margin-right: 14px;
}

#contain:hover div.text{
    display: block;
}

.text{
    float: left; 
    display: none;    
}