0

我试图让 div 在悬停时显示，但我希望它悬停在已经存在的 div 上，而不是向下推当前 div。我认为 z-index 会有所帮助，但这不起作用。谁能给我一个好的提示？

jQuery

$(document).ready(function(){
    $('#services-skills').hover(function(){
        $('#services-skills').css('position','relative');
        $('.service-info').css("display","inline");
        $('#intro').css('position','relative');
        $('#intro').css("z-index","-3");
    },
    function(){
        $('.service-info').css("display","none");
    }
    );
});

要查看完整的代码示例，请单击此处

http://jsfiddle.net/rU4pn/

4

1 回答 1

0

为了让某些东西覆盖其他东西，您需要在 CSS 中使用绝对定位。让它与其他东西（而不是页面）对齐的关键是在它的父元素上进行相对（或绝对）定位，然后将它的顶部和左侧位置设置为您想要从父元素开始的偏移量。

Z-index 将决定绝对定位项目在屏幕上的项目顺序（从前到后），最小的数字设置在后面，较高的数字设置在前面，但是请记住，任何项目都不会显示在更高的 z-index级别高于它的父项，因为它包含在其中。

于 2013-09-16T14:41:45.953 回答