在悬停时，隐藏图像显示div

Question

我不确定这是否需要Jquery，但我想要实现的是列出一组图像（让我们使用一个图像），这些图像会在悬停时隐藏并显示div背景图片和文字。

如何实现这一效果？

到目前为止我有这个，但图像一直闪烁：http://jsfiddle.net/FvBqA/126/

Answer 1

您可以使用绝对定位和z索引。见example

或者，使用不透明度规则。见example

在您的情况下，我建议使用不透明度规则。您可以看到更新且有效的版本here

对于完全跨浏览器解决方案，请参阅此example

Answer 2

我更新了你的jsfiddle。 Here是链接。我的代码使用jquery onmouseover函数

Answer 3

我认为在css中

a img:hover {
    opacity: 0;
}

应该足够了。

Answer 4

所有浏览器都不支持不透明度，我认为你应该采用显示方式：

a img:hover {
    display: none;
}