2016-06-03 7 views
2

Ich versuche, die Z-Index-Eigenschaft einiger Div mit dem folgenden Code zu erhalten.Wie bekomme ich den numerischen Wert des Z-Index

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

aber ich bin

"auto" als Ergebnis.

ist es möglich, die numerischen Werte wie 1,2,3 .. in diesem Fall anstelle von Auto zu erhalten.

teilen Sie bitte den Link, wenn diese Frage in Stackoverflow bereits beantwortet hat.

+0

Versuchen Sie dies: https://api.jqueryui.com/zIndex/ – Justinas

+0

Welche Z-Index haben Sie in Ihrem CSS für Element gesetzt? –

+1

haben Sie einen tatsächlichen numerischen Wert für den Z-Index festgelegt? – guradio

Antwort

3

jQuery UI:

Um den numerischen Wert der z-Index-Eigenschaft des div unabhängig, wenn es auf sie direkt oder geerbt Verwendung festgelegt wurde:

$("elementID").zIndex(); 

Hinweis:zIndex wurde in jQuery UI 1.10 entfernt.

Diese Methode wird am angegebenen Element beginnen und zu den übergeordneten Elementen weitergehen, bis ein Element mit einem festgelegten z-Index gefunden wird. Wenn er nichts finden, wird es zurückgeben 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; 
}; 

Verwenden Sie es wie folgt:

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

Ich erhalte zIndex ist ein nicht Funktionsfehler, vermisse ich nichts – Venkat

+0

Es zeigt Ihnen diesen Fehler, weil Sie die jQuery UI nicht verknüpft haben. .zIndex() ist eine jQuery-UI-Methode. Überprüfen Sie die Bearbeitung für mehr. –

+0

auch zIndex() wurde aus jQueryUI entfernt – Omu

2

Es ist ein bekannter Fehler in -webkit-Browser wie Chrome, IE, etc. wo man nicht den z-index Wert bekommen kann. Obwohl man den Effekt einstellen und sehen kann.

Ich versuchte es in Firefox und konnte den Wert erhalten. Sie müssen eine Alternative finden.

Lesen Sie über den Fehler here.