3

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

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

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

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

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

提前感谢您的帮助。

4

1 回答 1

4

您通过将其父级的高度设置为 来隐藏图像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;

于 2012-08-08T21:17:06.723 回答