获取子元素上面父元素中最大的z-index(z-index在chrome的兼容问题)

页面：<div id="a" style="z-index: 200; height: 200px; color: #f00; ">

<div>

<div style="z-index: 100;">
				<div style="z-index: 300;">
					<div id="sotto">
						我要获取我的父容器中最大的z-index
					</div>
				</div>
			</div>
		</div>
		<div>
			111111
		</div>
	</div>
问题：获取sotton这个div标签上面父div中最大的z-index

获取方法：

	var count = $("#sotto").closest(["div", "body"]);
			var reallyindex = 0;
			var temp;
			for (var i = 0; i < count.length - 1; i++) {
				temp = $(count[i].elem).css("z-index");
				if (temp != 'auto' && temp != 0) {
					if (temp > reallyindex) {
						reallyindex = temp;	}
				}
			}
			alert(reallyindex);

问题:这段代码在IE firefox上能争取执行 但是在chrome上面不能取到想要的值

var ss = document.getElementById("a").style.zIndex; //在IE firefox和chrome上面显示200  在
var s=$("#a").css("z-index"); //在ie firefox上面显示200 在chrome上面显示的是auto

原来在chrome中z-index必须跟position配合才能有效果出来
所以为了解决这问题只需要修改页面

<div id="a" style="z-index: 200; height: 200px; color: #f00; position:absolute;">
		<div>
			<div style="z-index: 100;position: absolute">
				<div style="z-index: 300;position: absolute">
					<div id="sotto">
						我要获取我的父容器中最大的z-index
					</div>
				</div>
			</div>
		</div>
		<div>
			111111
		</div>
	</div