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

Question

好吧，首先这与 http://dribbble.com 非常相似。主页。

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

我不知道该怎么做..

Answer 1

这是一个开始。 IE6 不会执行此操作，除非您将父级设为 anchor (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;
}