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