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;

不透明度使div变得不透明

1 个答案: