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