1

我试图让一个隐藏的 div 显示相对位置(直接在悬停的 div 的右侧。)

在小提琴上,当光标悬停在 div 上时,它会放大并重新定位。我想要实现但无法弄清楚......是如何仅显示'this'元素的div详细信息,相对于悬停的div。

我遇到的问题是:

  1. 让子 div (.details) 成为唯一一个不显示所有 .details 元素的元素。一种。让它相对于悬停的元素显示,而不是在绝对位置。
  2. 取消点击时的悬停功能,以便可以导航到div详细信息而不会消失。

小提琴:http: //jsfiddle.net/pssuT/1

4

1 回答 1

1

要将细节绝对定位在包含元素的右侧,您可以添加position:relative到父元素和position:absolute; left:100%子元素。

要使单击后状态保持不变,您可以在单击时添加一个类并在悬停函数中检查它。

查看解决方案:http: //jsfiddle.net/pssuT/2/

于 2012-05-02T16:01:46.137 回答