不透明度使div更不透明

Question

我想讓懸停時出現的DIV透明，所以它下面的圖片稍微顯示，但它只是變輕。我有另一個具有類似功能的頁面，其中DIV水平滑動而不是從底部滑動;此頁面具有成功的透明度。由於某些原因，代碼不能翻譯。

這是我到目前爲止有：http://jsfiddle.net/tGEZb/

我試過RGBA，而不是我這裏沒有運氣的代碼，並且還可以通過搜索帖子在這裏，但找不到任何解決此問題的確切..不知道還有什麼要嘗試。我相信這是一件顯而易見的事情，因爲長時間盯着代碼隱藏起來，但希望有人能提供幫助。

我想避免使用CSS3，如果可能的話，現在也保持滑塊的平滑功能（而不是有切換的東西）。

聲明：我複製並粘貼了我在網上發現的帖子中的JavaScript - 不幸的是，這是我的JS能力的程度。

在此先感謝您的幫助。

Answer 1

您通過將其父母的高度設置爲0來隱藏圖像。 div無法透視，所以白色背景使它更輕。

嘗試移動底部div。 http://jsfiddle.net/tGEZb/6/

$(document).ready(function(){ 
    $('.espot-up-down').mouseover(function(){ 
     $('.espot-slide-onhover').stop().animate({ 
      top: -230 
     }, 150);       
    }).mouseout(function(){ 
     $('.espot-slide-onhover').stop().animate({ 
      top: 0 
     }, 250)  
    }) 

});​ 

.espot-up-down需求position: relative;