jquery - 悬停时 Div 样式发生变化？

Question

我已尝试使用以下代码在鼠标悬停在 DIV (.thumbnail) 上时更改其某些 css 属性 (.overthumb)。但是，它不起作用!关于如何让它工作的任何提示都会很好。如果可能的话，让变化也动起来。

$(document).ready(function(){
    $(".thumbnail").hover(
        function(){
            $(".overthumb").show();
        },
        function(){
            $(".overthumb").hide();
        }
    );
});

Answer 1

您可以使用 CSS 完成所有这些。

http://jsfiddle.net/6wQp3/

---

这是一个 updated version .我忘记将 div 设置为 position: relative;。现在叠加层应该相对于父 div 出现。