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;
}