jquery&；CSS-Z索引

在下面的jquery函数中，z-index在IE7中不起作用，请帮助我

<script>
$(function() {
    $('span').hover(function() {

        $(this).stop().css({                      
            'float': 'left',
        'z-index':'15'
        }).animate({
            marginTop: '0px',
            marginLeft: '0px',            
            width: '200px',
            height: '125px',
            padding: '0px'

        }, 700, 'swing');


    }, function() {

        $(this).stop().css({            
            'border': '0px',
            'z-index':'10'
        }).fadeIn('slow').animate({
            marginTop: '0px',
            marginLeft: '0px',            
            width: '40px',
            height: '13px'            
        }, 700, 'swing');


    });
});

</script>

$（函数（）{
$（'span'）。悬停（函数（）{
$（this.stop（）.css（{
‘float’：‘left’，
‘z指数’：‘15’
}).制作动画({
marginTop:'0px'，
marginLeft:'0px'，
宽度：“200px”，
高度：'125px'，
填充：“0px”
}，700，‘摇摆’；
}，函数（）{
$（this.stop（）.css（{
“边框”：“0px”，
“z指数”：“10”
}).fadeIn（'slow'）。设置动画({
marginTop:'0px'，
marginLeft:'0px'，
宽度：“40px”，
高度：“13px”
}，700，‘摇摆’；
});
});

非常感谢你的帮助。我不熟悉jquery。

请参阅此错误的示例。你必须给父元素一个更高的z索引，它才能工作。

它只是在IE7中吗

问题似乎出在第一个

函数中的
float:left

据我所知，
z-index
仅对定位元素有效<代码>浮动

s未定位，因此无法接受

z索引

。看

---

如有可能，取下

float

并以另一种方式定位

span

。

如何不工作？您能提供一个关于JSFIDLE的示例吗？我继续为您准备了一个示例：。我会帮忙的，但我在这个公司没有IE7。它在Chrome11中工作。我认为父元素也必须有某种定位，比如

position:relative

。