不透明度使 div 更轻不透明答案

【问题标题】：Opacity is making div lighter not transparent不透明度使 div 更轻不透明
【发布时间】：2012-08-06 01:53:13
【问题描述】：

我想让悬停时显示的 DIV 透明，以便它下面的图像略微显示出来，但它只会变得更亮。我有另一个具有类似功能的页面，其中 DIV 水平滑入而不是从底部滑入；此页面具有成功的透明度。由于某种原因，代码没有翻译。

这是我目前所拥有的：http://jsfiddle.net/tGEZb/

我已经尝试了 rgba 而不是我在这里的代码，但没有运气，并且还搜索了这里的帖子，但找不到任何解决这个确切问题的东西..不知道还有什么可以尝试的。我敢肯定，很明显，我无法长时间盯着代码看，但希望有人能提供帮助。

如果可能，我想避免使用 CSS3，并且现在还保持滑块的流畅功能（而不是切换的东西）。

免责声明：我从网上找到的一篇文章中复制并粘贴了 JavaScript - 不幸的是，这就是我的 JS 能力的范围。

提前感谢您的帮助。

【问题讨论】：

标签： javascript jquery css opacity

【解决方案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;

【讨论】：