Question

我试图在悬停时显示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/

Answer 1

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

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

如何在悬停状态下对css进行许多更改？

1 个答案: