我有一个测试页:
我喜欢创作:
如果将鼠标悬停在图像上,则会出现带有文字和链接的黑色按钮。 如果使用鼠标离开图像,按钮(带有文本和链接)将消失。
我该如何创建?它应该适用于IE6-7。
PS:我使用了这个,将按钮置于图像中心:css-vertical-center-solution
更新
关于Dobiatowski的回答:
这是我的css解决方案(menue技术)。链接到上一个版本:link text
鼠标悬停适用于IE6和所有现代浏览器。但我有一些显示错误。
有没有办法解决它们?
IE 8/9全新的浏览器(最佳)
IE 7(按钮出现在右图后面 - 错误)
IE 6(按钮出现在右图后面,边框坏了 - 错误)
答案 0 :(得分:0)
您可以在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事件。