两套翻车一起工作

Question

http://jsfiddle.net/PaulNLondon/dG3Gb/

jsFiddle显示（我希望，这是我第一次使用它）到目前为止我已经到了。 。 。我正在尝试使用基于图像的菜单和基于文本的翻转菜单。

我无法在jsFiddle中显示这个，但我使用的图像是显示它们的分区高度的两倍，并在悬停时移动位置以显示图像的替代版本 - 在jsfiddle中我所做的只是将div的背景颜色显示出来以显示它们的位置。它们的定位非常特别，可以提供所需的视觉效果，并保持一个接一个的连续性。 （页面标题文本与jsFiddle中第一个图像块的重叠不是问题。）

我的目标是将图像悬停在图像上，打开相关文本菜单项的粗下划线（我使用了底部边框设置），同时让图像移动以在图像菜单中显示替代图像。 。 。 AND 我想将鼠标悬停在文本菜单中的项目上以打开菜单项文本本身的下划线 AND 使图像菜单中的相关图像切换到替代形象。

我以为我几乎在那里徘徊在一个图像上打开下划线但是似乎我通过div定位的div只能使用Firefox正确显示（因为你可以看到对齐在jsFiddle中没有用） ）。

我很感激您的任何建议 - 即使您要告诉我您认为我的方法都是错的。我在这里的CSS和HTML的极限。我真的不知道任何JavaScript（除了我使用它和jQuery我在Dynamicdrive上找到的幻灯片）。

Answer 1

最后，我在评论中链接到的网站的帮助下到达那里。 。 。也许它有点形象沉重？我已经在http://doublerollover.moyni.co.uk发布了它 - 但我仍然对链接似乎延伸到菜单下方感到困惑。

我很感激有关解决方案的任何意见以及我如何更有效地完成这项工作。