2011-06-25 9 views
5

jQuery("#X").css("z-index"); हमेशा वेबकिट ब्राउज़र पर "ऑटो" देता है। फ़ायरफ़ॉक्स पर ठीक काम करता है।वेबकिट ब्राउज़र पर jQuery के साथ जेड-इंडेक्स मानों को पढ़ना और सेट करना

यह भी लगता है कि आप की तरह कुछ के साथ z- सूचकांक सेट नहीं कर सकता है कि: jQuery("#X").css("z-index",5);

टेस्ट मामला इस प्रकार है:

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <title>jQuery CSS Z-index Fail</title> 
    <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
     $("#X").css("z-index",5);  
     $("#Y").append($("#X").css("z-index")); 
     }); 
    </script> 
    <style type="text/css"> 
     h1 {z-index: 3;} 
    </style> 
    </head> 
    <body> 
    <h1 id="X">Some Text</h1> 
    <div id="Y"> Z-index is: </div> 
    </body> 
</html> 

उत्तर

10

आपको जेड-इंडेक्स का उपयोग करने के लिए स्थिति निर्दिष्ट करने की आवश्यकता है।

इसे तुरंत क्रोम में ठीक करता है।

1

कोशिश

zIndex बजाय z-index

1

वेबकिट ब्राउज़रों के साथ एक ज्ञात मुद्दा, विस्तृत here

मैं समझता हूँ कि यह भ्रामक है कि गणना z- सूचकांक ऑटो है किया जा रहा है जब आप विशेष रूप से .css साथ निर्धारित की है, लेकिन RAMilewski एक अच्छा बनाता है इंगित करें कि गणना की गई जेड-इंडेक्स विभिन्न ब्राउज़रों में अलग होगी। हम झूठ बोल सकते हैं (एक अर्थ में) और कहें कि सेट क्या सेट किया जा रहा है ताकि वापसी मान सुसंगत हों, या उपयोगकर्ता महसूस कर सकें कि जेड-इंडेक्स जेड बनाने के लिए अन्य शैलियों को सेट किए बिना लागू नहीं किया जाएगा। सूचकांक काम मैं wontfix बंद कर रहा हूं क्योंकि मुझे संदेह है कि यह नहीं होगा जो हम बदलेंगे, लेकिन अगर कोई असहमत है, तो हम भविष्य में में फिर से खोल सकते हैं।

चिह्नित संकल्प को ठीक नहीं करेगा। इसलिए जल्द से जल्द इसे दूर जाने की उम्मीद न करें।

:


Jqueryu यूआई के zIndex function एक ही समस्या BTW है लगता है

संबंधित मुद्दे