出现图像鼠标悬停按钮

Question

我有一个测试页：

  

http://www.youmethem.com/test/divdiv.html

我喜欢创作：

如果将鼠标悬停在图像上，则会出现带有文字和链接的黑色按钮。 如果使用鼠标离开图像，按钮（带有文本和链接）将消失。

我该如何创建？它应该适用于IE6-7。

PS：我使用了这个，将按钮置于图像中心：css-vertical-center-solution

更新

关于Dobiatowski的回答：

这是我的css解决方案（menue技术）。链接到上一个版本：link text

鼠标悬停适用于IE6和所有现代浏览器。但我有一些显示错误。

有没有办法解决它们？

IE 8/9全新的浏览器（最佳）

IE 7（按钮出现在右图后面 - 错误）

IE 6（按钮出现在右图后面，边框坏了 - 错误）

Answer 1

您可以在css或javascript中执行此操作

的javascript：

<img onmouseover="document.getElementById('div12').style.display = 'block';"
onmouseout="document.getElementById('div12').style.display = 'none';" src='img.jpg'/>

当你将鼠标移到div上时会出现问题，所以img fireup onmouseout事件。