悬停后显示照片

Question

这是我的代码：http://jsfiddle.net/G4eFT/1/

我希望当鼠标悬停在第一张图片上时，它还会在右侧显示隐藏式照片other。

但我做错了。

你可以帮个忙吗？感谢。

Answer 1

这是你的小提琴的修改版本，可以做你想要的。

http://jsfiddle.net/G4eFT/14/

这个想法是“其他”图像进入“hider”div，它具有相对于包含您要隐藏的文本的div的绝对位置。

Answer 2

现在，它只用于显示第一个带有'other'类的图像。你想用这个课程显示所有图像吗？然后删除“position：absolute;”来自你的CSS，所以它会是：

.other
{
    display: none
}

Answer 3

你的意思是，并排显示隐藏的图像？

首先从班级中删除职位。并从div文本中删除float：left，因此它可以显示在图像下方。