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