html - 当我鼠标进入元素时显示一些弹出窗口。纯CSS

Question

我有一些问题。例如，我有一些 div elem，里面有 img。当鼠标悬停在元素上时，我需要显示另一个 div。使用 js\jquery 很容易做到。但我需要在纯 html\css 中执行此操作

例如简单代码http://jsfiddle.net/3bTcF/

我在 http://krisha.kz/ 中看到了示例。当鼠标进入照片时，显示更多内容。

有人可以帮助我，并给出一个想法，如何 ещ вщ ше

Answer 1

是这样的吗？ http://jsfiddle.net/3bTcF/1/我只将显示属性添加到 CSS。

.caption:hover>.caption-popup {
    display:block;
}

.caption-popup{
    position: absolute;
    display:none;
}