鼠标悬停在图像上带有文本的 DIV

好吧，首先，这真的非常类似于http://dribbble.com http://dribbble.com主页。

以最简单的形式。我有一个图像，我正在尝试对其进行 CSS 处理，以便当我将鼠标悬停在图像上时，会显示一个 DIV，其中包含一些文本和部分透明的背景颜色。

我不知道该怎么做。

这是一个开始。 IE6 不会这样做，除非你让父级成为锚点（a).

HTML

<div class="container">
    <img src="something.jpg" alt="" />
    <div>some text</div>
</div>

CSS

.container div {
    display: none;
    opacity: 0.7; /* look into cross browser transparency */
}

.container:hover div {
    display: block;
}