不透明度使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;