Question

我试图使用以下代码获取某些div的z-index属性。

$("#elementID").css("z-index")

但我得到了

"auto"结果。

是否可以在这种情况下获取数字值1,2,3 ..而不是auto。

请分享链接，如果此问题已在Stackoverflow中得到解答。

Answer 1

jQuery UI：

要获取div的z-index属性的数值，无论是直接在其上设置还是继承使用：

$("elementID").zIndex();

注意： zIndex 已在jQuery UI 1.10中删除。

此方法将从指定的元素开始并移至其父元素，直到找到具有z-index集的元素。如果没有找到任何内容，则返回0。

<强> JavaScript的：

window.getZIndex = function (e) {      
    var z = document.defaultView.getComputedStyle(e).getPropertyValue('z-index');
    if (isNaN(z)) return getZIndex(e.parentNode);
    else return z; 
};

像这样使用它：

var z_Index = getZIndex($('#elementID')[0]);

Answer 2

-webkit-browsers 中的已知错误，例如Chrome，IE等，其中无法获得z-index值。虽然可以设置并查看效果。

我在Firefox中试过并且能够获得价值。你需要找到一个替代方案。

了解错误here。

如何获取Z-index的数值

2 个答案: