悬停的Jquery：淡化背景与文本覆盖

Question

我正在尝试创建一个翻转效果，将图像淡化为20％的不透明度，并将文本覆盖在div的顶部。我已经能够使它褪色，并显示文本，但由于某种原因，当它们组合时它不能很好地工作。我发现的最接近我要做的是：http://damiencorrell.com/除了我试图让背景淡化到20％。感谢您的帮助！

Answer 1

尝试这样的事情：

// change yourimage for your "#imageid" or ".imageclass"
$('yourimage').hover(function(){
  // fade to 0.2 ( 20% ) in 300ms
  $(this).fadeTo(300, 0.2);
}, function(){
  // restore opacity to 1 im 300ms
  $(this).fadeTo(300, 1);
});