Jquery On Hover：使用文本叠加淡化背景

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