Question

html+css

如图，a1,a2,a3是三个链接。
当鼠标悬停在a2上的时候，由a2处生成一个遮罩层，将a1,a3遮住，原来a1,a3处现在变成a4,a5。此时光标可以左右移动，当离开边框时，遮罩层消失，重新变为a1,a2,a3。

实际上我也不知道怎么讲，就类似于title属性一样，光标放置在标签之上后，形成一行文本，这文本本身不占用文档空间，它是悬浮在文档内容之上的，不是普通文档流。
当然你也可以设置hover属性。
这样的效果能用html和css实现吗？实在不行用javascript也可以。
综上，求代码。

Answer 1

这是可以实现的.

例如:

<div class="out">
    <div class= "in">
        <a>content</a>
    </div>
</div>

你可以设置内嵌的 div 为不可见.

然后, 在其父级设置 hover 伪类.

例如可以这样写 css:

<style>
    .out {
        display: none;
    }
    .out:hover .in {
        display: block;
    }
</style>

追问

老实说，我没看懂。